@charset "UTF-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;400;700&display=swap');

@font-face {
    font-family: 'Graphik Web';
    src: url('/font/Graphik-Regular-Web.woff2') format('woff2'),
         url('/font/Graphik-Regular-Web.woff') format('woff');
    font-weight:  400;
    font-style:   normal;
    font-stretch: normal;
  }
  
 @font-face {
    font-family: 'Schnyder M Web';
    src: url('/font/SchnyderM-Bold-Web.woff2') format('woff2'),
         url('/font/SchnyderM-Bold-Web.woff') format('woff');
    font-weight:  700;
    font-style:   normal;
    font-stretch: normal;
  }



body { font-family: 'Noto Sans', sans-serif; letter-spacing:0.32px; color:#000;}
/* h1, h2, h3, h5, span {text-overflow: ellipsis; white-space:nowrap; overflow:hidden;} */

input::-webkit-input-placeholder {color: #989ca7!important; font-size:14px;}
input::-moz-input-placeholder {color: #989ca7!important; font-size:14px;}
input::-ms-input-placeholder {color: #989ca7!important; font-size:14px;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}



textarea::-webkit-input-placeholder {color: #989ca7!important; font-size:14px; font-family: 'Noto Sans', sans-serif; }
textarea::-moz-input-placeholder {color: #989ca7!important; font-size:14px; font-family: 'Noto Sans', sans-serif; }
textarea::-ms-input-placeholder {color: #989ca7!important; font-size:14px; font-family: 'Noto Sans', sans-serif; }

textarea {
    resize: vertical; height: 80px; margin-bottom: 10px; border: solid 1px #cdd1db; outline:none; border-radius: 4px;
    padding: 12px 12px 0 12px; font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 1.5; 
}

.bttOn, .headerTab, .mo_lang {
    transition-duration: 0.2s;  opacity:0; transform:scale(0);
    border-radius:4px; background-color:#fff; box-shadow: 0 6px 12px 0 rgba(117, 122, 138, 0.2); 
}


/* header */
.mnav{display:none;}
header, nav, .gnb, .topIcons, .selectSign, .hpList a {display:flex; align-items:center;}
header {justify-content:space-between; padding: 0 40px; position:fixed; top:0; left:0; right:0; background-color:#fff; z-index:999; }
.logo {width:180px; height:32px; background:url("/images/logo/logo_180x32_black.svg") no-repeat center; margin:24px 0;}
.gnb {text-align: center; font-size:16px; color:#000;}
.gnb li {line-height:24px; margin:0 14px; letter-spacing:0.32px;}
.navOn {color:#3bc1ff; font-weight:900;}
.topIcons li {width:48px; height:48px; border-radius:50%;}
.topIcons li:hover, .cSNS li:hover {background-color:#ebecef;}
.wallet, .GoToWallet::before {background:url("/images/svg/ic_wallet.svg") no-repeat center;}
.language {background:url("/images/svg/ic_language.svg") no-repeat center;}
.headerTab {display:none;} .headerTab.tab {display:block;}

/* main_edenhorseLogo */
.goToEdenHorse {
    position: fixed; top: 80px; left: 45px; border-radius: 30px; z-index: 100;
    background: rgba(0,0,0,0.05); box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);
}
.goToEdenHorse a {width: 180px; margin: 0 auto; position: relative; display: block; padding: 8px 14px; border-radius: 30px; overflow: hidden;  backdrop-filter: blur(15px);}
/* .goToEdenHorse a::before {
    content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%;
    background: linear-gradient(to left, rgba(0,0,0,0.1), transparent); transform: skewX(45deg) translateX(0); transition: .5s;
}
.goToEdenHorse a:hover::before {transform: skewX(45deg) translateX(200%);} */

/* headerProfile */
.profile li {display:none;} .profile li.on {display:block;}
li.goToProfile {width:30px; height:30px; margin:9px;}
.beforeLog {position:absolute; top:70px;  right:136px; padding:20px;}
.tierProfile {width:calc(100% - 4px); margin-top:20px;} .tierProfile.mo {width:100%; margin-top:20px;}
.tierInfo{color:#aaa; font-weight:400; font-size:12px; display:flex; justify-content:space-between; margin-top:4px;}
.track {width:100%; padding:2px; background-color:#e1e4ec; border-radius:6px;}
.thumb {background-image:linear-gradient(to right, #0d0091, #009ce5); height:8px; border-radius:6px;}
.eticketProfile {font-size:12px; font-weight:400; margin-left:4px;}
.headerTab .outer  button  a,  .headerTab .outer  a {height:100%; line-height:44px;}
/* signTab */
.goToSign, .mprofileImg::before {background:url("/images/svg/ic_profile.svg") no-repeat center;}
.beforeLog p, .mbeforeLog p {font-size:16px; color:#646978; padding:10px 0; text-align:center;}
.selectSign {padding:10px 0; justify-content:space-between;}
.selectSign > .outer {width:131px; height:44px;} 
.selectSign > .outer > button {width:100%; height:100%; background-color:#fff; border-radius:4px; color:#3f369e;}
.selectSign > .outer > button:hover {background:transparent; color:#fff;}
.selectSign > .outer:nth-child(2) {width:135px; height:48px; color:#fff; margin-left:20px;}
/* profileTab */
.goToProfile img {width:100%; height:100%; border-radius:50%; background:#3f369e;}
.headerProfile {border-bottom:1px solid #e1e4ec;}
.defaultImg {width:60px; height:60px; border-radius:50%; background:#3f369e; margin-bottom:10px;}
.headerProfile, .headerProfile_m {font-weight:700; font-size:20px;  padding-bottom:20px;}
.headerProfile_m {padding-bottom:0; width:calc(100% - 30px);}
.ic_mark {width:260px;}
.ic_mark span{position:relative; word-break:break-all;}
.ic_mark span::after {content:""; position:absolute; width:16px; height:16px; background:url("/images/svg/ic_whale.svg"); margin-left:4px; margin-top:7px;}
.hpList {width:260px; margin-top:10px;}
.hpList li, .langTab li {line-height:48px; border-radius:4px; padding:0 12px;}
.hpList li:hover, .mnavIcon li:hover {background-color:#e1e4ec;} 
.hpList a { justify-content:space-between;}
.goToMyProfile::after, .goToCreate::after, .logOut::after, .connectMeta::after {content:""; display:inline-block; width:16px; height:16px;}
.goToMyProfile::after, .connectMeta::after {background:url("/images/svg/ic_arrow_right_xs.svg") no-repeat center;}
.goToCreate::after, .mGoToCreate::before {background:url("/images/svg/ic_create_48.svg") no-repeat center;}
.logOut::after, .mProfileBox span::after {background:url("/images/svg/ic_logout.svg") no-repeat center;}

/* headerWallet */
.afterLog, .walletTab {position:absolute; top:70px; right:96px; padding:20px;}
.walletTab img {margin-bottom:10px;} .walletTab > .headerProfile {border-bottom:none;}
.connectMeta {font-size:14px;}

/* headerLanguage */
.langTab {position:absolute; top:70px; right:48px; padding:4px;}
.langTab li {font-size:14px; width:136px;}
.langTab li:hover {background:#e1e4ec; font-weight:700;}

/* mobile navigation */
.mnavIcon li, #mmenu >button {width:40px; height:40px; border-radius:50%;}
.mnavIcon {display:flex;}
.mlang {background:url("/images/svg/ic_language.svg") no-repeat center;}
.mmenu {background:url("/images/svg/ic_nav_mo.svg") no-repeat center;}
#mmenu {position:fixed; right:0; bottom:0; left:150%; top:0; height:100%; overflow-x:scroll; background-color:#fff; opacity:0; transition-duration:0.3s; z-index:9999;}
#mmenu.full {left:0; opacity:1; transition-duration:0.3s;}
.closeBtt {
    position:absolute; top:10px; right:15px;
    background:url("/images/svg/ic_close.svg") no-repeat center;
}

.mo_lang {position:absolute; text-align:center; top:70px; right:50px; padding:4px; z-index:1000; display:none;}
.mo_lang li {line-height:40px; padding:0 14px; border-radius:4px;} .mo_lang li:hover {background-color:#e1e4ec;} 
.mo_lang.on {opacity:1; transform: scale(1); transition-duration:0.3s;}

.mbeforeLog, .mafterLog {display:none; flex-direction: column; align-items:center; margin: 30px 16px 0 16px; padding:30px 0; border-bottom:1px solid #e1e4ec;}
.mbeforeLog.on, .mafterLog.on {display:flex;}
.mProfileBox {display:flex; align-items:center; justify-content:space-between; width:100%;} .mafterLog figcaption {padding-top:10px;}
.mProfileBox span {font-size:12px; display:flex; align-items:center; font-weight:400;} 
.mProfileBox span::after {content: ""; display:block; width:16px; height:16px; margin-left:16px;}
.mProfileBox > a > .defaultImg {margin-bottom:0;}
.mafterLog > .hpList {display:flex; font-size:12px; width:320px;}
.mafterLog > .hpList > li {width:100px; padding:0; display:flex; /* justify-content:center; */}
.mafterLog > .hpList > li > a {justify-content:center; flex-direction:column; line-height:16px;}
.mprofileImg::before, .GoToWallet::before, .mGoToCreate::before {content: ""; display:block; width:48px; height:48px;}
.mafterLog > .hpList > li:nth-child(2) {margin:0 14px;}

.scrollBox {padding:10px 16px;}
.mmenus {padding:15px; height:488px; overflow-y:scroll;}  
.mmenus > li {line-height:60px;}
.goToAbout {margin-left:10px; font-size:14px; line-height:40px; font-weight:400; color:#000; display:none;} .goToAbout > li.on {font-weight:700;}
.sub_sub {font-size:13px; font-weight:400; margin-left:10px; color:#646978; display:none;} 
.sub_sub > li:hover, .sub_sub a:hover, .mmenus > li.on {color:#3bc1ff; font-weight:700;}

/* menu_scrollbar Custom */
.mmenus::-webkit-scrollbar {width:12px;}
.mmenus::-webkit-scrollbar-track {background-color:transparent; border-radius:6px;}
.mmenus::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #3f369e, #3bc1ff); width:100%;
    border-radius:6px; background-clip:padding-box; border:2px solid transparent;
}



/* footer */
footer {
    padding:70px 0; 
    background: linear-gradient(to bottom, #fff, #ebecef); 
    color:#646987; font-family: 'Graphik Web', 'Noto Sans KR', sans-serif; font-size:16px;
}
.join {font-family: 'Schnyder M Web'; font-size:80px; text-align:center; color:#333; margin:30px 0;}

.fInnerBox {display:flex; justify-content:space-between; width:1400px; margin:30px auto;}
.related {display:flex; flex-direction:column;} 
.fTitle {display:block; margin-bottom: 12px;}

/* footer common */
.outer, .bttOuter {background-image:linear-gradient(to right, #3f369e, #3bc1ff); border-radius:4px;}
.commu, .partners {display:flex; width:574px; justify-content:space-between;}
.input, .family, .community, .partner {margin:15px 0;}

/* subscribe newsletter */
.outer {padding:2px; position:relative;}
.subscribeForm {border-radius:22px; padding-left:30px; width:566px; height:46px; font-family: 'Noto Sans', sans-serif;}
.next {
    position:absolute; width:48px; height:48px; top:50%; transform:translateY(-50%); right:12px;
    background:url("/images/svg/ic_arrow_right.svg") no-repeat center;
}
.next:hover {transition-duration:0.1s; right:4px;}

/* family site */
.bttOuter {padding:2px; position:relative; width:216px; height:46px;}
.downBtt {
    width:100%; height:100%; background-color:#fff; border-radius:4px;
    font-size:14px; color:#989ca7; text-align:left; padding:0 14px;
}
.downBtt:before {
    content:""; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%);
    width:44px; height:44px;
    background:url("/images/svg/ic_head_down.svg") no-repeat center;
    cursor:pointer;
}
.bttOn {position:absolute; width:95%; margin-top:10px; padding:3px;}
.bttOn li {font-size:14px; line-height:48px; color:#000; padding:0 12px;}
.bttOn li:hover {background-color:#e1e4ec; border-radius:4px;}
.tab {transform: scale(1); opacity:1;}


/* comunity */
.commu li {border-radius:50%; background-color:#fff; width:48px; height:48px;}
.commu li:hover {background-color:#e1e4ec;}
.discord {background-image: url("/images/svg/ic_discord.svg");}
.teleG {background-image:url("/images/svg/ic_telegram_gl.svg");}
.teleK {background-image:url("/images/svg/ic_telegram_kr.svg");}
.twitter {background-image:url("/images/svg/ic_twit.svg");}
.insta {background-image:url("/images/svg/ic_insta.svg");}
.reddit {background-image:url("/images/svg/ic_reddit.svg");}
.mediG {background-image:url("/images/svg/ic_medium_gl.svg");}
.mediK {background-image:url("/images/svg/ic_medium_kr.svg");}
.youtube {background-image:url("/images/svg/ic_youtube.svg");}
.commu a {display:block; width:100%; height:100%;}
.commu a {display:block; width:100%; height:100%;}

/* partners */
.partner {position:relative; overflow:hidden;}
.slider-track {width:588px; position:relative; height:32px;}
.partners {position:absolute; height:32px; display:flex; width:calc(84px * 14); flex-wrap:nowrap;}
.partners li {width:84px; height:32px; cursor:auto;}
.channelA {background:url("/images/partners/partners_channelA.png");}
.sk {background:url("/images/partners/partners_sk.png");}
.asan {background:url("/images/partners/partners_asan.png");}
.gana {background:url("/images/partners/partners_gana_art.png");}
.coex {background:url("/images/partners/partners_coex.png");}
.samsung {background:url("/images/partners/partners_samsung.png");}
.game {background:url("/images/partners/partners_gamemaster.png");}
.av {background:url("/images/partners/partners_av_ventures.png");}
.token {background:url("/images/partners/partners_token_insight.png");}
.slow {background:url("/images/partners/partners_slowmist.png");}
.CERTIK {background:url("/images/partners/partners_certik.png");}
.UNISWAP {background:url("/images/partners/partners_uniswap.png");}
.lg {background:url("/images/partners/partners_lg.png");}
.lf {background:url("/images/partners/partners_lf.png");}
.coin {background:url("/images/partners/partners_coinmarketcap.png");}
  
/* footer Menu */
.bottom {font-size:14px; text-align:center; }
.fLogo {background:url("/images/logo/logo_180x32_black.svg"); width:180px; height:32px; margin:0 auto;}
.copy {margin-top:20px;}
.fMenu li {display:inline-block; padding:0 14px; position:relative; }
.fMenu li:last-child::before {
    content:""; display:block; width:1px; height:14px; background-color:#989ca7; 
    position:absolute; left:0; top:4px;
}

/*Myprofile mobile Menu*/
/* 기본 구조 */
.swiper-container { width: 100%;  display: none; flex-direction: row; overflow: hidden;}
.swiper-wrapper { padding: 10px 16px; height: 70px;}
.mo_swiper { padding-left: 20px; width: auto; height: 55px; border-right: 1px solid #e1e4ec; }
.swiper-slide { height: 80px; display: flex; flex-direction: row; margin-right: 30px; overflow: auto;  flex-shrink:unset;}
.mo_swiper>p { white-space: nowrap; margin: 0 10px 0 0;  font-family: 'Schnyder M Web';font-size:20px; }
.mo_sunNav>a { white-space: nowrap; margin-right: 20px; }
.mo_sunNav { overflow: auto; display: flex;   margin-top: 10px; }

.mo_Avatar {  border-radius: 50%; overflow: hidden; margin-right: 14px; }
.mo_profileNav {display: none;   align-items: center; margin-top: 100px; margin-bottom: 20px; margin-left: 20px; }
.mo_Avatar>img {width:60px; height: 60px;}
.mo_pmName {font-size: 40px; font-family: 'Schnyder M Web'; line-height: 1.3; letter-spacing: 2px; text-align: left; color: #000;  }

/*main*/
#fullpage {width:auto; display:flex; flex-direction:column; align-items:center;}
.section {width:calc(100% - 460px); height:100vh; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.logoVideoWrap {display: flex; width:auto; align-items: center;  z-index:-100; justify-content: center;  }
.logoVideoWrap>div>video  { outline: none;  outline: none; border: none;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;}
.logo_Pf_m, .rotationSub_m {  
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
.logoVideoWrap>div {overflow: hidden; display: flex; justify-content: center;}
/* summary::marker { display: none; content: ""; }
.section.moSection { display: none; } */

/*메인 검색창*/
/* search */
.inputSearch {margin:15px 0; display: flex; justify-content: center; width:100%;}
.outer.shearchwindow {width:688px; height:44px;} 
.searchForm {border-radius:22px; padding-left:30px; width:calc(100% - 2px); height:100%; font-size:14px;}
.actmp_wrap.main {max-width: 688px;}

/*블록루프 섹션*/
.blockloop, .nftFarming, .staking, .nftPlatform  {display:flex; width:100%; justify-content:space-between; align-items:center;}
.staking {flex-direction: row-reverse;}
.blockWrap, .stakingWrap, .farmingWrap {width: 682px;}
.blockloop > video, .staking>video, .nftFarming>video { width: 35.875rem; height: 26.875rem;  } 
.blockloop > video { border-radius: 50%; }
.blockWrap> p, .stakingWrap > p, .farmingWrap> p {margin-top:40px; font-size: 18px; line-height: 1.5; letter-spacing: 0.36px; color: #989ca7;}
.blockWrap > h1 , .stakingWrap > h1, .farmingWrap> h1, .nftTextWrap > h1 {white-space: nowrap; font-family: 'Schnyder M Web'; font-size: 80px; letter-spacing:6px;}

/*Edenloop Nft Platform section*/
.nftTextWrap  {display: flex; align-items: center; justify-content: center;}
.info {display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 80px;}
.platforms {width: 100%; height: 612px;}
/*모바일 메인창*/
/*Edenloop Nft Platform section*/
.nftPlatform_m { width: 100%; height: 100%; background-color: #fff; display: none; }
.nftWrap_m {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.nftTextWrap_m  {margin-top: 140px; width: 861px;} 
.nftTextWrap_m > h1 {font-family: 'Schnyder M Web'; line-height: 1.3; color: #000;  text-align: center;}
.nftText_m { margin-bottom: 100px;}
.infoWrap_m {display: flex; flex-direction: column; justify-content: center;}
.info_m { display: flex; flex-direction: column; align-items: center; }
/*메인 하단 영상*/
.infoWrap>video {padding-top: 80px; padding-bottom: 157px;}
.infoWrap>video, .infoWrap_m>video { width:calc(100% - 20px); margin: 0 auto;}

.footer {
    position:absolute; bottom: 0; width:100%; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: end;}


/*myprofile css*/
.pmName { cursor:default ; }
.pmCategory, #disableTap { cursor: default; }
.myprofile_maincreation { width: 100%; height: 100%; background-color: #fff; display:flex; flex-direction: row;}
.profileAvatar, .mo_profile {  width: 120px; height: 120px; justify-content: center; object-fit: contain; display: flex; flex-direction: column; align-items: center; overflow: hidden; border-radius: 50%;}
.profileAvatar > img, .mo_profile>img  {width: 160px; height: 160px;}
#disableTap { color:#aaaaaa; }

.pmName { width: 290px; word-wrap: break-word; margin: 20px 0 50px; font-size: 40px; font-family: 'Schnyder M Web'; line-height: 1.3; letter-spacing: 2px; text-align: left; color: #000; }
.pmCategory { margin: 50px 242px 30px 0px; font-family: 'Schnyder M Web'; font-size: 24px; line-height: 1.3; letter-spacing: 1.2px; text-align: left; color: #000; }
.pmMenu { margin: 20px 0;  width: 71px; height: 22px; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: left; color: #000;}
.pmMenu > a { white-space: nowrap; }
#pmClick { font-weight: bold; }
.divider {width: 290px; height: 1px; margin: 30px 0; background-color: #e1e4ec;}
.creationImg { display: flex; width: 100%; height: 100%; align-items:center; text-align: center; justify-content: center; position: relative;}
.creationImg> img { width: 75.417vw; height: 35.417vw;  object-fit: contain;}
.creationImg> span { position: absolute; width: 671px; height: 45px; font-family: 'Schnyder M Web'; font-size: 40px; line-height: 1.3; letter-spacing: 2px; text-align: left; color: #fff;  white-space: nowrap; margin-bottom: 200px; }
.profileContent_Collection.acc > span {width: 476px; white-space: nowrap; margin-left: 0; }
.profileContent_Collection.acc { align-items: center; }
.infos.purOp { margin-bottom: 10px;  display: flex; flex-direction: column; } 
.tokenBtn1 { font-size: 16px; font-weight: normal; letter-spacing: 0.32px;}
.profileMenu>ul { cursor: default; }
/*License*/
.card.Li > img { border-radius: 10px; }

/*Myprofile collection*/
.profileContent_Collection, .collectionModles {margin-right: 40px; align-items: center; margin-bottom:300px;  display: flex; flex-direction: column; text-align: left;}
.profileContent_Collection  > span { margin-bottom: 43px; width: 100%; height: 45px; font-family: 'Schnyder M Web'; font-size: 40px; line-height: 1.3; letter-spacing: 2px; text-align: left; color: #000; margin-left: 16px;}
.profileContent_Collection  > div { position: relative;  }
.collectionWrap { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.collection { width: 100%; max-width: 338px;  margin: 16px 13px;  overflow: hidden; border-radius: 10px;}
.collection > a > div > span, .modelSpan { white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis;  width: 306px; height: 27px; margin: auto 16px;font-family: NotoSans; font-size: 20px; font-weight: bold; line-height: 1.3; letter-spacing: 0.4px; text-align: left; color: #000;   }
.collImg { border-radius: 1px; width: 100%; }
.modelSpan { margin-bottom: 10px; margin-top: 20px; }
.card.collection>div>.tokenBtn { margin-bottom: 10px; } 
.licenseImg { height: 415px; margin-bottom: 20px; border-radius: 10px; }
.outer.onM.sortby.collect { justify-content: flex-end; display: flex;  width: 287px; margin-bottom: 20px; margin-left: 16px; }
.outer.onM.sortby.collect>input{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.outer.onM.tapCollect {height:44px; position:relative; z-index:99;}
.bttOn.onM.dwcollect { width: 600px; font-size: 14px; line-height: 48px; color: #000;font-family: 'Noto Sans', sans-serif; letter-spacing: 0.32px;}
.outer.onM::after {
    position:absolute; z-index:99; content:""; top:5px; right:0;
    display:block; width:44px; height:36px; background:url("/images/svg/ic_head_down.svg") no-repeat center;
}
.profileContent_Collection>span { display: flex; flex-direction: row; justify-content: space-between; }
.profileContent_Collection { margin-left: 0; width: 100%;}
.profileContent_Collection.TierWrap {align-items: center; width: 100%; }
.creationMain {display: flex; flex-direction: row; margin-top: 140px;} 
/*Myprofile Models*/
.collection > div { display: flex; flex-direction: column; justify-content: space-between; margin-right: 18px;}
#creationLi { height: 460px; }
#creationLi> img { margin-bottom: 20px; }
#creationLi> div{ display: flex; flex-direction: column; width: 100%; justify-content: space-between; margin-right: 18px;}
#creationLi> div>div { margin-left: 16px; }
#creationLi> div >  span {margin-bottom: 20px; overflow: inherit; }
.card.collection>div { margin: 10px; }
.card.collection>div>.tokenBtn { margin-left: 16px; }
.collection>a>.colText { padding: 20px; }
.collection > div >  span { font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: bold; line-height: 1.3; letter-spacing: 0.4px; text-align: left; color: #000;  width: 170px; height: 27px; }
.tokenBtn { display: flex; justify-items: center; align-items: center; text-align: center;  height: 32px; border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff); padding: 2px; margin: 10px 16px 20px   }
.creationMain.wrap { flex-direction: row; display: flex; }
.myprofile_maincreation { display: flex; flex-direction: row;  margin-top: 140px;}
.fixed_containerL { margin-left: 30px; }
/*card hover - js*/
.tokenBtn1 { width: 125px; height: 25px; padding: 5px 10px 2px; border-radius: 4px; background-color: #fff;  font-size:14px; color:  #3f369e;}
.tokenBtn2 {width: 125px; height: 25px; padding: 5px 10px 2px; border-radius: 4px; color:#fff;   }
.tokenBtn4, .tokenBtn3 { width: 100%; height: 25px; padding: 5px 10px 2px; border-radius: 4px; background-color: #fff;  font-size:14px; color:  #3f369e;}

.collection:hover { box-shadow: 0 0 20px rgba(0, 12, 43, 0.13) ;}
.tokenBtn1:hover { width: 100%; height: 25px; padding: 5px 10px 2px; border-radius: 4px; color:#fff; background: none; }
.tokenBtn3:hover, .tokenBtn4:hover { text-align: center; width: 100%; height: 25px; padding: 5px 10px 2px; border-radius: 4px; color:#fff; background: none; }

/*Account Setting*/
.profileContent_Account > form { display: flex; flex-direction: column; justify-self: center; align-items: center; }
.profileCpmtent_wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 0 300px 0;}
.profileContent_Account {   display: flex; justify-content: flex-end; flex-direction: column; margin: auto;}
.profileContent_Account > span { display: flex; width: 556px; margin-right: auto; font-size: 40px; font-family: 'Schnyder M Web'; line-height: 1.3; letter-spacing: 2px; text-align: left; color: #000; margin-bottom: 40px; }
.accountSet {height: 1065px; display: flex; width: 476px; margin-right: auto; padding: 0 40px 50px 40px; border-radius: 4px; box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13); background-color: #f4f6fb; display: flex; flex-direction: row; justify-content: center; }
.accountSet > a { margin: 50px auto; position: absolute; }
.accInput { display: flex; flex-direction: column; margin-top:220px; width: 100%;}
.accInput > div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.filebox1 label, .filebox2 label {  width: 126px; height: 44px; border-radius: 4px; background-color: #fff; display: inline-block; color: #3f369e; font-weight: normal;
  display: flex; justify-content: center; align-items:center ;  text-align: center; font-size: 16px; font-family: 'Noto Sans', sans-serif; vertical-align: middle; line-height: 1.5; letter-spacing: 0.32px; cursor:pointer;}
.upload_cancelOut input[type="button"] , .upload_3dfile input[type="file"], .filebox1 input[type="file"], .filebox2 input[type="file"], .nickname.account[type="text"], .snsInput[type="text"] { position: absolute;width: 1px;height: 1px; padding: 0; margin: -1px;overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.outer.account>label:hover { background: none; color: #fff; }
.filebox1 .upload-name, .filebox2 .upload-name {
    display: inline-block; font-size: 14px; font-family: 'Noto Sans', sans-serif; line-height: 1.5; vertical-align: middle; text-align: left; width: 338px; height: 48px; letter-spacing: 0.28px; color: #989ca7;
    background-color: #fff; border: 1px solid #cdd1db; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/*2022-08-23 수정*/
/*동일한 아이디가 여러번 중복되어있어 #fileBox를  .fileBox로 변경하였습니다*/
.fileBox:not(.upload-name):hover {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.1); }
.fileBox:disabled {background-color: #eee; color: #aaa; }
.filebox1>.upload-name, .filebox2>.upload-name { height: 28px; margin-right: 10px; padding: 10px; }
/*추천인 코드 버튼*/
.cd_btn {width: 80%;}
.code {width: 30%;}
.filebox2.code_out {margin-bottom: 20px;}

.filebox1 { margin-bottom: 30px; }
.filebox2 { margin-bottom: 10px ; }
.nickname.account > input { width: 472px; height: 44px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; 
    line-height: 1.5; letter-spacing: 0.28px; text-align: left; color: #989ca7; border-radius: 4px; background-color: #fff; padding: 2px;}
.nickname.account {  height: 48px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; 
    line-height: 1.5; letter-spacing: 0.28px; text-align: left; color: #989ca7; border-radius: 4px;border: solid 1px #cdd1db; background-color: #fff; padding-left: 10px;}
.accInput > span { width: 476px; height: 49px; font-family: 'Noto Sans', sans-serif;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5; letter-spacing: 0.28px;
    text-align: left; color: #989ca7; }
.cpation2 { margin-top:10px; margin-bottom: 20px; }
.cpation3 { margin-bottom: 30px;}
.pwChange {cursor: pointer; width: 476px; height: 48px; margin-bottom:30px; padding: 2px; border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff);}
.pwChangeBtn, .rf_QR { border: solid 1px #cdd1db; margin-bottom: 20px; width: 456px; height: 26px; padding: 11px 10px; border-radius: 4px; background-color: #fff;  font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; 
    font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #3f369e;}
.pwChangeBtn:hover{ background-image: linear-gradient(to right, #3f369e, #3bc1ff);  color: #fff; }
.pwChangeBtn:hover>.changePop { color: #fff; }
.pwChangeBtn:disabled { background-color: #eee;  color: #aaa; }


.snsInput { width: 476px; height: 48px; margin: 10px 0 20px 0px; }
.snsInput > div { width: 420px; height: 48px; margin: 0 0 0 8px; display: flex;}
.webInput>input {width: 100%; }
.inputSave { width: 476px; height: 56px; margin: 20px 0 0; padding: 17px 12px; border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff);  font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; 
    font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #fff;}
.inputSave:hover { background-image: linear-gradient(to right, #0d0091, #009ce5); color: #fff; }
.inputSave:disabled { background-color: #eee; color: #aaa; }
.twitInput, .instaInput, .webInput { width: 400px; height: 48px; margin: 0 0 0 8px; border-radius: 4px; border: solid 1px #cdd1db; background-color: #fff; align-items: center; }
.snsInput > div > input { width: 100%; height: 100%; padding-left: 12px;  font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.28px; text-align: left; color: #989ca7; }
.info2.creationOption > li { overflow: visible; width: 100%;}
.info2.creationOption {margin-left: 15px; margin-right: 15px;}
.infos.creationOp { display: flex; flex-direction: column; }
.tokenBtn1 { width: 100%; }
.tokenBtn1:hover { width:100%; height: 25px; padding: 5px 10px 2px; border-radius: 4px; color:#fff; background: none; }  


/*popupbox style*/
#pwPopup { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 1;}
#pwPopup.hide {display: none;} 
#pwPopup.has-filter { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);} 
#pwPopup .content { padding: 20px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);}
 
.ex_file.pwChangeBtn, .rf_QR { width: 100%; height: 100%; margin-bottom: 0; border: none;}
.outer.account.pw {width: 100%; height: 50px; margin-bottom: 20px;}
.Overay._mo.pwCh { width: 370px;}
.pwCh.overtitle._mo { font-size: 24px; margin-bottom: 30px;}
.pwch_popupBtn { display: flex; flex-direction: row; margin: 22px 0 42px 0 ; }
.pwch_areas, .pwch_area { width: 100%; }
.pwch_popupBtn.pwch_area { width: 100%; display: flex; justify-content: space-between; }
.instaInput.pwch_area>input {color:#989ca7; font-family:'Noto-sans', sans-serif; width: 100%; height: 100%; border-radius: 4px; }
.pwch_area { margin: 10px 0; }
.pwCh_btn { width: 170px; }
.ghost.pwCh_btn, .verify.pwCh_btn { width: 170px; }

/*add Elt*/
.cardWrap { display: flex; flex-direction: column; justify-content: center; margin-bottom: 100px;}
.addelt_Card { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 556px;  height: 396px;  padding: 0px 40px;  border-radius: 4px;  box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);  background-color: #f4f6fb;}
.elt_Card {display: flex; flex-direction: column; padding-top: 20px; padding-left: 20px;width: 298px; height: 178px;  border-radius: 16px; border: solid 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #48407c, #2a81ab); }
.addBtn { width: 476px; height: 39px; margin: 40px 0 0;  border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff); padding-top: 17px;
    font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #fff; cursor:pointer;}
.addBtn:hover { background-image: linear-gradient(to right, #0d0091, #009ce5); color: #fff; }

.insideTop_Card { display: flex; flex-direction: row; }
.elt_token {  width: 64px; height: 64px; margin: 0 20px 20px 0; filter:drop-shadow(0px 0px 4px   #fff);   }
.insideTop_Card > span { width: 163px; height: 27px; margin: 18px 0 0px 0px; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: 0.4px; text-align: left; color: #fff;}
.insideBot_Card { display: grid; grid-template-columns: 1fr 3fr ;  grid-template-rows: 1fr 1fr ;}

.botCard1, .botCard3 {  margin-bottom: 20px; width: 80px; height: 19px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: 0.28px; text-align: left; color: rgba(255, 255, 255, 0.6); }
.botCard2, .botCard4 {  width: 24px; height: 19px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: 0.28px; text-align: left; color: #fff; }
.botCard1 > span, .botCard3 > span { width: 80px; height: 19px;   }

/*wallet Setting*/
.walletBack {  padding: 25px 40px; display: flex; flex-direction: column; align-items: center;  width: 556px; border-radius: 4px;  box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);  background-color: #f4f6fb;}
.walletCard1 { padding: 38px 30px 0px; display: flex; flex-direction: column; justify-content: left; text-align: left; width: 320px; height: 200px; margin: 25px 78px 10px; border-radius: 16px; border: solid 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(130deg, #fb9dcc 9%, #b598e1 46%, #a6b8f3 71%, #b7c6ff 84%);}
.walletCard_title1 { margin: 0 61px 10px 0;font-family: 'Noto Sans', sans-serif;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.3;letter-spacing: 0.4px;text-align: left;color: #fff;}
.walletCard_sub1 {margin: 10px 0 54px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: 0.28px; text-align: left; color: rgba(255, 255, 255, 0.6); }
.walletCard_metamask1 { margin: 0 185px 33px 0; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: 0.28px; text-align: left; color: rgba(255, 255, 255, 0.6);}
.walletCaption1 { margin: 10px 0 20px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.28px; text-align: center; color: #989ca7;} 
.walletBtn1 { width: 100%; display: grid; grid-template-columns: 5.75fr 0.5fr 5.75fr; grid-template-rows: 1fr; margin-bottom: 25px;}
.walletBtnL { padding: 17px 12px; border-radius: 4px; border: solid 1px #989ca7; background-color: #fff;
    font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #989ca7;}
.walletBtnRout {padding: 2px; border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff);} 
.walletBtnR  { height: 100%; border-radius: 4px; background-color: #fff; align-items: center; justify-content: center; display: flex;
    font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #3f369e; cursor:pointer;}

.walletCard2 {padding: 38px 30px 0px; display: flex; flex-direction: column; justify-content: left; text-align: left; width: 320px; height: 200px; margin: 42px 78px 10px; border-radius: 16px; border: solid 1px rgba(0, 12, 43, 0.13); background-color: #eee;}
.walletCard_title2 { margin: 0 61px 10px 0;font-family: 'Noto Sans', sans-serif;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.3;letter-spacing: 0.4px;text-align: left;color: #aaa;}
.walletCard_sub2 {margin: 10px 0 54px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: 0.28px; text-align: left; color: #aaa; }
.walletCard_metamask2 { margin: 0 185px 33px 0; font-family: 'Noto Sans', sans-serif;font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: 0.28px; text-align: left; color: #aaa;}
.walletCaption2 { margin: 10px 0 20px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.28px; text-align: center;  color: #ec324b;} 
.walletBtn2 {display: flex; justify-content: center; align-items: center; margin: 0 20px 25px 0; width: 100%;  padding: 2px; border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff); }
.walletBtn2 > a { width: 100%; height: 56px; border-radius: 4px; background-color: #fff; text-align: center; display: flex; justify-content: center; align-items: center;
    font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #3f369e;}

 
.walletBtnR:hover {  background-image: linear-gradient(to right, #3f369e, #3bc1ff); color: #fff; }
.walletBtn2>a:hover {  background-image: linear-gradient(to right, #3f369e, #3bc1ff); color: #fff; }
.walletBtnR:disabled { background-color: #eee; color: #aaa; }
.walletBtnL:hover  {background-color: #ebecef;  color: #989ca7; }
.walletBtnL:disabled { background-color: #eee;  color: #aaa;}

/*Tier Level*/
.fixed_containerL.tierm { margin-top: 0; }
.tierContent {display: flex; flex-direction: row; margin-top: 140px; }
.tierBox { border-radius: 10px; padding: 0 150px; width: calc(100% - 370px); height: 150px; background-color: #f4f6fb; 
    display: flex; flex-direction: row; text-align: center; align-items: center; justify-content: space-between; }
.tierTitle { color: #646978;  padding-bottom: 5px; margin-bottom: 10px;  }
.tierCount {  font-size: 20px;font-weight: bold; display: flex;  flex-direction: row; align-items: center; justify-content: center;}

/* Rewards */
.rewardStory {width:calc(100% - 500px);}
.rewards {display:flex;}
.rewards > li {width:calc(100% / 5); margin-right:8px; border-radius:4px; background:#ebecef; padding:14px;}
.rewards > li:last-child {margin-right:0;}
.rewards h3 {font-family: 'Schnyder M Web'; background-image: linear-gradient(to right, #3f369e, #3bc1ff); font-size:24px; text-align:center;}
.Quantity {height:50px; display:flex; flex-direction:column; justify-content:center; margin-top:8px; font-size:14px; color:#646978;}
.rewardDetail {cursor:default; width:100%;}
table.rewardDetail tr th {font-size:18px; text-align:center;}
table.rewardDetail tr td {border-bottom:1px solid #ebecef; padding: 14px 0; color:#000; text-align:center;}
.boardpage {text-align:center; margin-top:20px;}
.boardpage a, .more .boardpage span {display:inline-block; font-size:14px; padding:0 8px;}
.more .boardpage span {font-weight:700; cursor:default;}
.ENFTList {text-align:center;}
.swiper-slide.enft {display:flex; flex-direction:column; border-radius:10px; width:324px !important; box-shadow: 0 0 5px 0 rgba(0, 12, 43, 0.13);}
.releasedEnft {padding:25px;}
.EnftSection {width:100%; height:324px; overflow:hidden; position:relative;}
.EnftSection > video, .EnftSection > img {display:none; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.EnftSection > video.on, .EnftSection > img.on {display:block;}
.releasedEnft {text-align:left;}
.more span.releasedDate {font-size:14px; color:#646978; margin:15px 0; text-align:left;}
.exchanger {text-align:center; width:100%; height:auto; color:#fff; word-break:keep-all;}
.outer.r:hover {background-image: linear-gradient(to left, #00e8f6, #554bbb);}


/* upload 3D */
.upload_3d { margin-top: 300px;  margin:auto; height: 100%; display: flex; flex-direction: column; justify-content: center;  align-items: center; }
.upload_3d > span {margin-top: 160px;  margin-bottom: 40px;  font-family: 'Schnyder M Web';  font-size: 40px; font-weight: bold; font-stretch: normal; font-style: normal; 
    line-height: 1.3; letter-spacing: 0.8px; text-align: left; color: #000; width: 600px;}  
.uploadBox_3d { background:#f4f6fb; box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);  border-width: 2px; width:600px; padding: 20px  20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.uploadBox_3d > img { margin-top: 50px; }
.uploadBox_3d>div { display: flex; flex-direction: row; }
.uploadBox_3d>div>span,.uploadBox_3d>div>label { margin-top: 40px; margin-bottom: 10px; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3;  text-align: left; color: #000; }
.uploadBox_3d>div>label { color: #3784f8; }
.uploadBox_3d > label { background-color: #f4f6fb;; margin-bottom: 50px; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;  letter-spacing: 0.28px; text-align: center; color: #989ca7; }
.uploadBox_btn { width: 600px; margin-top: 20px; display: flex; flex-direction: row; justify-content:space-between; margin-bottom: 300px; }
.upload_cancelOut { display: flex; justify-content: center; align-items: center; width: 50%; height: 52px; margin-top: 20px; padding: 2px; border-radius: 4px; background-image: linear-gradient(to right, #3f369e, #3bc1ff); }
.upload_cancelIn { display: flex; align-items: center; justify-content: center;  width: 100%; height: 52px;  border-radius: 4px; background-color: #fff;}
.upload_cancelIn:hover  { background-image: linear-gradient(to right, #3f369e, #3bc1ff); }
.upload_cancelIn:hover > span { font-family: 'Noto Sans', sans-serif; color: #fff; }
.upload_cancelIn:disabled {  background-color: #eee; }
.upload_cancelIn:disabled > span { font-family: 'Noto Sans', sans-serif; color: #aaa; }
.upload_cancelIn > span { height: 22px; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #3f369e; }
.upload_3dfile { display: flex; justify-content: center; align-items: center; width: 50%; height: 56px; margin-left: 20px; margin-top: 20px;  border-radius: 4px;  background-image: linear-gradient(to right, #3f369e, #3bc1ff); }
.upload_3dfile:hover { background-image: linear-gradient(to right, #0d0091, #009ce5);  }
.upload_3dfile > label {  height: 22px; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: center; color: #fff;}


.wrap, .wrapper {display:flex; justify-content:center; margin-top:180px; margin-bottom:200px; flex-wrap:wrap;}
.container {display:flex; justify-content:center; margin-top:60px;}
.wrap.bm {margin-top:140px;}

/* filter */
.filter.off {width:0; }
.filterBox {margin:20px 0;} .filterCon {width:282px;} .filterCon.off {display:none;}
.filterBox h2, .wc h2 {font-family: 'Schnyder M Web'; font-size:24px; line-height:32px; margin-bottom:22px;}

.filterBtt {
    height:32px; position:relative; left:0; top:50px; padding:0 16px; width:130px;
    border-top-left-radius:4px; border-top-right-radius:4px;
    background-image: linear-gradient(to right, #3f369e, #3bc1ff); transform:rotate(90deg);
    font-size:16px; color:#fff; letter-spacing:1.6px;
}
.filterBtt.off {left:-235px; transition-duration: 0.1s;}

.filterInput, .chain {width:100%; height:52px;}
.filterInput{border-radius:26px; font-size:14px; padding:0 18px;}

.chains li {display:flex; align-items:center;}
.chains span {margin-right:8px; width:32px; height:32px;}
.all{background:url("/images/svg/ic_all.svg");}
.eth{background:url("/images/svg/ic_eth.svg");}
.poly{background:url("/images/svg/ic_polygon.svg");}
.bsc{background:url("/images/svg/ic_bsc.svg");}

/*common*/ 
.blockLoop, .cardContainer {width:1400px;} 

.subtitle h1, .nickname, .hTitle h1, .nothing h1, .createTitle, .eventTitle {
    font-family: 'Schnyder M Web'; display:inline-block; font-size:40px;  line-height:52px; letter-spacing:2px;
    word-break:break-all; word-wrap:break-word;
}
.subtitle, .cards, .cSNS, .bioBottom li {margin:20px 0;}
.abstract, .dPlatinum, .rewards h3, .eventTitle  {-webkit-background-clip:text; -webkit-text-fill-color:transparent;}

/* card common */
.cards {margin-top:40px; display:flex; flex-wrap:wrap;}
.card {width:338px; border-radius:10px; background:#fff; cursor:pointer; position:relative; margin-bottom:32px;}
.card {margin-right:16px;} .card:nth-of-type(4n) {margin-right:0;}
.card:hover {box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);}
.card img {width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}
.ctitle {text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:80%; font-size:20px; line-height:26px; font-weight:700; letter-spacing:0.4px;}
.card.Li>a>img {border-radius: 10px;}

/* blockloop */
/* search result */
.searchBox {position: relative;}
.actmp_wrap {position: absolute; z-index: 1; top: 65px; background: #fff; width: 100%; box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13); border-radius: 10px; padding: 10px 0;}
.actmp_wrap > span {display: block; font-size: 12px; padding: 0 14px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,12,43,0.13);}
.actmp_wrap .colLi li {width: calc(100% - 16px);}
.colLi li span:nth-child(2).actmp {width: calc(100% - 30px) !important; text-align: left !important;}
.actmp_wrap:not(._mo) .colLi li:hover {background: #f4f6fb;}
/* ranking */
.ranking {padding:20px 0;}
.rankingTimer {color:#989ca7; font-size:14px;}
.rankbox li {display:flex; align-items:center; margin-top:8px; justify-content:space-between;}
.rankbox i {font-weight:900;}
.rankbox a {width:210px; margin:0 8px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.rankbox a:hover {font-weight:900; color:#3bc1ff;}
.rankItem {font-size:12px;}
.rankNew {color:#ff0000;}
.rankUp {color:#ff0000; display:flex; align-items:center;}
.rankdown {color:#3f369e; display:flex; align-items:center;}
.rankUp::before, .rankdown::before {content:''; display:block; width:4.5px; height:3px; margin-right:4px;}
.rankUp::before {background:url("/images/svg/ic_head_up_no_boundary.svg") no-repeat center;}
.rankdown::before {background:url("/images/svg/ic_head_down_no_boundary.svg") no-repeat center; background-size:cover;}
/* ranking-slideBox */
.rankSlide {height:300px; width:100%; overflow:hidden; position:relative;}
.rankSlides, .rankbox {position:absolute; width:100%; height:100%;}
.rankbox {text-align:center;}
.ranking {position:relative;}
.rankIndicator {position:absolute; top:26.5px; right:0;}
.rankIndicator a {display:inline-block; width:7px; height:7px; margin:0 3px; border-radius:50%; background-color:#c8c8c8; text-indent:-999em;}
.rankIndicator a.active {background-color:#3bc1ff;}
/* whaleBtn */
.mo_title_box, .goToWhale {display:flex; align-items:center; flex-wrap:wrap;}
.mo_title_box .goToWhale {margin-bottom:0; margin-left:8px;  font-size:12px; font-weight:400; display:none;}
.goToWhale {
    text-align:center; border-radius:25px; font-size:14px; font-weight:900; color:#fff; 
    background-image:linear-gradient(to right, #3f369e, #3bc1ff);
    padding:8px; margin-bottom:20px; cursor:pointer;
    justify-content:center; 
}
.goToWhale::before{content:""; display:block; width:18px; height:18px; margin-right:8px; background-image:url("/images/svg/ic_whalelist.svg");}
.goToWhale:hover {background-image:linear-gradient(to right, #0d0091, #009ce5);}

/* subtitle */
.abstract, .eventTitle {background-image: linear-gradient(to right, #3f369e, #3bc1ff);}
.bltitle {display:flex; justify-content:space-between; align-items:center;}
h1.mo_title {display:none;}

/* blockloop-banner */
.B_L_ad {width:100%; display:none; position:relative;}
.B_L_ad a {background:none; top:2px; right:8px; font-weight:700;  text-shadow: 1.5px 1.5px 1px #001c32;}
.B_L_ad img{border-radius:4px; width:100%;}
._480_100 {display:none;}

/* keyword */
.B_L_keyword.mo {display:none;}
.B_L_keyword {display:flex; justify-content:flex-end; flex-wrap:wrap;}
.B_L_keyword a {margin:0 8px; border-radius:4px; display:flex; align-items:center;}
.B_L_keyword a:hover {color:#3bc1ff;}
.B_L_keyword a::before {content:'#'; display:block; margin-right:4px; font-weight:700; color:#3bc1ff;}

/* card section */
.infos {display:flex; flex-wrap:nowrap; margin-bottom:20px; }
.info1, .info2 {font-size:14px; line-height:24px; letter-spacing:0.28px; font-family: 'Noto Sans KR', sans-serif;}
.info1 {color:#989ca7; padding:10px 16px;}
.info2 {color:#000; font-weight:700; padding:10px 0;}
.info1 li, .info2 > li {margin:10px 0;}
.info2 > li {white-space:normal; overflow:hidden; text-overflow: ellipsis; width:120px;}
.link:hover {color:#3bc1ff;}
.contract {display:flex; align-items:center;}
.bIcon {display:flex; flex-wrap:wrap; width:24px; height:16px; overflow:hidden;}
.bIcon li {width:24px; height:16px;}
.bEth {background:url("/images/svg/ic_eth_no_boundary.svg") no-repeat center; background-size:10px;}
.bPoly {background:url("/images/svg/ic_polygon_no_boundary.svg") no-repeat center; background-size:18px;}
.bBsc {background:url("/images/svg/ic_bsc_no_boundary.svg") no-repeat center; background-size:14.5px;}
.btitle {margin-left:15px; margin-top:20px;}

/* blockloop_mobile */
.outer._mo {display:none;}
.blockm {display:flex; justify-content:space-between; align-items:center;}
.logInBtt._mo {padding-left:14px; display:flex; align-items:center; justify-content:center;}
.logInBtt._mo::after {
    content: ""; display:inline-block; width:20px; height:20px; margin-left:14px;
    background:url("/images/svg/ic_filter.svg") no-repeat center;
}
.outer.bl {position:relative; margin-bottom:10px;}
.blockSearch {width:calc(100% - 30px); height:44px; padding-left:30px; border-radius:4px;}
.outer.bl::before, .WI > .outer::before {
    position:absolute; top:13px; left:10px;
    content:""; display:block; width:20px; height:20px; background:url("/images/svg/ic_magnify.svg") no-repeat center;
}
.fil {width:48%;}
.chains._mo {margin-top:13px;} .chains._mo > li {font-size:14px; padding:14px 12px; border-radius:4px;}
.chains._mo > li:hover, .chains._mo > li:focus {background-color:#e1e4ec;}
.Overay._mo {width:260px; padding:20px; border-radius:4px;}
.overtitle._mo {font-size:20px;}
/* top button */
.top{
    position:fixed; bottom:15px; left:95%; transform:translateX(-50%); padding:5px 0; transition-duration:0.5s;
    font-size:25px; background-color:#fff; border-radius: 50%; display:none;
}
.top > span {
    padding:5px 22px; border-radius:50%; background-color:#fff; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
    cursor:pointer; background: url("/images/icons/toparrow.png") no-repeat center; background-size:23%;
}


/* Market */
.filterDao > li, .filterDao > li > div, #wPrice.wPricew, .daotitle, .sortby {display:flex; align-items:center;}

/* card section */
.card > a {position:relative;}
.card > a:hover .play_3d {opacity:1;}
.play_3d {
    width:32px; height:32px; border-radius:50%; border: solid 1px rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6);
    position:absolute; top:10px; right:12px; opacity:0.5;
}
.play_3d > li {width:24px; height:24px; padding:4px; display:none;} .play_3d > li.on {display:block;}
.ic_3d {background:url("/images/svg/ic_3d.svg") no-repeat center;}
.ic_video {background:url("/images/svg/ic_video.svg") no-repeat center;}

/* subtitle */
.sortby {justify-content:space-between;}
.outer.onM {width:286px; height:44px; position:relative; z-index:99;}
.downBtt.onM::before {display:none;} 
.bttOn.onM {top:55px;}
input[type="button"] {cursor:pointer;}

/* market_mobile */
.blInput.mark {margin-top:16px;}
.Overay.mark {height:450px; overflow-y:scroll;}
.Overay.mark::-webkit-scrollbar {width:12px;}
.Overay.mark::-webkit-scrollbar-track {background-color:transparent; border-radius:6px;}
.Overay.mark::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #3f369e, #3bc1ff); width:100%;
    border-radius:6px; background-clip:padding-box; border:2px solid transparent;
}

.bttOn.onM {display:none;}
.onM.tab {display:block;}

/* filter */
.filterBox.fline {border-bottom:1px solid #e1e4ec; padding:10px 0;} .filterBox.fline:last-child, .filterBox.fline:nth-child(4) {border-bottom:none;}
.radio_wrap.f {padding-bottom:30px;}
.fheart {display:block; width:20px; height:20px; background:url("/images/svg/ic_heart_line.svg") no-repeat center; margin-right:8px;}
.fheart.on {background:url("/images/svg/ic_heart_line_sm.svg") no-repeat center;}
.collectionOnly, .fHeart {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.collectionOnly h2, .fHeart h2 {margin-bottom:0;} 
.collectionOnly input[type="checkbox"], .filterDao input[type="checkbox"], .collectionOnly input[type="checkbox"]:checked, .filterDao input[type="checkbox"]:checked {margin-right:0;}
.filterDao {font-size:14px; color:#646978;}
.filterDao > li {margin:20px 0;  justify-content:space-between;} 
.filterDao li:first-child {margin-top:0;} .filterDao li:last-child {margin-bottom:0;}
#wPrice {padding:15px 12px; border-radius:4px; border:1px solid #cdd1db; width:109px;}
.filterInputs {display:flex; margin-bottom:8px;} .filterInputs span {font-size:20px; color:#989ca7; letter-spacing:0.4; line-height:48px; margin:0 3px;}
#wPrice.wPricew {width:100%; text-align:left; font-size:14px; color:#989ca7; margin-bottom:30px; position:relative;}
#wPrice.wPricew > span {width:10px; height:16px; display:block; margin-right:8px;}
#wPrice.wPricew::after {
    content:"";  display:block; width:9px; height:7px; background:url("/images/svg/ic_head_down_no_boundary.svg") no-repeat center;
    position:absolute; right:20px;
}
.clearApply {display:flex; padding:10px 0;} .clearApply button {line-height:24px; padding:9px 12px;}
.ghost, .clearApply > .outer {width:135px;}
.ghost {border-radius:4px; border:1px solid #cdd1db; color:#989ca7; margin-right:10px; cursor:pointer;}
.ghost:hover {background:#ebecef;}
.clearApply > .outer > button {width:100%; background:#fff; border-radius: 4px; color:#3f369e;}
.clearApply > .outer > button:hover {background:transparent; color:#fff;}

/* card section */
.indi.mark {margin-top:20px; margin-bottom:10px;}
.indi.mark > li {flex-direction:column; justify-content:center;}
.indi.mark > li::before {margin-right:0;}
.cardDao li {display:none;} .cardDao li {margin-right:8px;} .cardDao li.on {display:block;}


/* NFT detail */
.wrapper {flex-direction:column; align-items:center;}
.topWrap {display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
.lNft {width:700px;}
.nftInfo {width:630px; margin-left:70px;}

/* common */
.comment::before, .view::before, .ifavorite::before {content:""; display:block; width:24px; height:24px; margin-right:8px;}
.dSilver::before, .dGold::before, .dPlatinum::before {content:""; display:inline-block; width:40px; height:40px; margin-right:8px;}
.deal::before, .rate::before, .activityType > li::before {content:""; width:24px; height:24px; margin-right:8px;}
.indi, .indi li, .price.market > li, .more li:not(.infos li), .more span, .rare  {display:flex; align-items:center;}
.more.properties > li:first-child, .more.activities > li:first-child {padding-top:0;}
.more, .more span {font-size:16px; font-weight:400;} .more {margin-top:20px; margin-bottom:10px;} .more span {color:#000;}
.more span > a, .more.activities > li > a {content:""; width:16px; height:16px; margin-left:8px; cursor:pointer;}

/* left */
.NftImg, .largeNft, .grade {width:100%;}
.NftImg {border-radius:10px; box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);}
.largeNft {border-top-left-radius:20px; border-top-right-radius:20px;}
.nftDetail {display:flex; padding:26px 20px; flex-direction:column; font-size:14px; color:#646978;}
.serialNumber {font-size:16px;}
.dGrade {display:flex; justify-content:space-between; font-family: 'Schnyder M Web'; margin:4px 0;}
.dGrade h2 {font-size:24px; line-height:40px; color:#000;}
.daoGrade {width:168px; font-size:32px;}
.daoGrade li {align-items:center; justify-content:end; display:none;}
.daoGrade li.on {display:flex;}
.dSilver {color:#989ca7;} .dGold {color:#977d0d;} 
.dPlatinum {background-image: linear-gradient(to right, #a2caff 0%, #b2ffde 25%, #fbe46e 50%, #ffc9c9 75%, #a88dc5 100%);}
.dSilver::before {background:url("/images/svg/ic_dao_silver.svg") no-repeat center;}
.dGold::before {background:url("/images/svg/ic_dao_gold.svg") no-repeat center;}
.dPlatinum::before {background:url("/images/svg/ic_dao_platinum.svg") no-repeat center;}
.Indicator, .indexIcons, .indexIcons li {display:flex;} .Indicator, .indexIcons li {justify-content:space-between; align-items:center;}
.Indicator {margin-top:22px;} .indexIcons li {margin-right:30px; cursor:default;}
.comment::before {background:url("/images/svg/ic_comment.svg") no-repeat center;}
.view::before {background:url("/images/svg/ic_view.svg") no-repeat center;}
.ifavorite::before {background:url("/images/svg/ic_heart_boundary.svg") no-repeat center;}
.cBtt.nBtt {width:95px;}

/* right */
.marketProfile {display:flex; justify-content:space-between; margin:46px 0;}
#marketProfile {display:flex; align-items:center; font-size:14px; color:#646978;}
.mImg {width:60px; height:60px; border-radius:50%; background-color:#000; margin-right:20px;}
.own li {line-height:19px; display:none;} .own li.on {display:block;}
.mImgInfo h3 {font-size:20px; color:#000;}
.follow.marketFollow {font-size:20px; text-align:center;}
.follow.marketFollow li:not(:last-child) {margin-right:40px;}
.indi {margin-bottom:20px;} .indi li {font-size:14px; margin-right:30px;} 
.deal::before {background:url("/images/svg/deal.svg") no-repeat center;}
.rate::before {background:url("/images/svg/up.svg") no-repeat center;}
.price.market {font-size:40px; font-weight:700; margin:10px 0;}
.price.market::before {display:none;} .price.market > li {margin-right:20px; line-height:40px;}
.marketPrice::before {
    content:""; display:inline-block; width:20px; height:32px; margin-right:12px;
    background:url("/images/svg/ic_eth_no_boundary.svg") no-repeat center;
}
.marketDollor {font-size:20px;}
.marketDollor::before {content: "$"; margin-right:8px;}
.outer.hoverBtt.buy {margin:40px 0;}

/* NFT detail Menu */
#m, .m {width:100%;} #m {padding:5px 0;}
.m > li {
    font-size:20px; font-weight:700; box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13); border-radius:4px; 
    margin:20px 0; padding:20px; position:relative;
}
.slideBtt {
    display:inline-block; width:12px; height:12px; border-radius:50%; background:#cdd1db; 
    position:absolute; right:20px; top:27px;
}
.m > li.on > .slideBtt {background:#3bc1ff; box-shadow: 0 0 10px 0 #3bc1ff;}
.more {display:none;}
.more li:not(.infos li) {font-size:14px; color:#646978; justify-content:space-between; line-height:16px; padding:11.5px 0; cursor:default;}
/* detail */
.creatorName > a {background:url("/images/svg/ic_arrow_right_xs.svg") no-repeat center;}
.creatorBlockain > a, .contractAdress > a, .more.activities > li > a {background:url("/images/svg/ic_external.svg") no-repeat center;}
.contractAdress > a.searchBlockLoop {background-image: url("/images/svg/ic_magnify_right.svg");}
.tokenId > a {background:url("/images/svg/ic_copy.svg") no-repeat center;}
/* properties */
.more.properties > li, .more.activities > li {border-bottom:1px solid #e1e4ec; padding:20px 0;} 
.more span.marketTop {font-size:14px; color:#646978; margin-bottom:5px;}
.more span.marterial {font-weight:700;}
.more span.rarity::after, .more span.materialNum::after {display:none;}
.more .collectionNum::before {
    content:""; width:14px; height:14px; margin-right:3px;
    background:url("/images/icons/ic_properties.png") no-repeat center; background-size:cover;
}
span.collectionNum {margin-right:16px;}
/* item Activity */
.activityType{height:30px; overflow:hidden;}
.activityType > li {justify-content:left; color:#000; font-weight:700; font-size:16px; display:none; padding:3px 0;} 
.activityType > li.on, .activityType > li.on::before {display:flex;}
.activityList::before {background:url("/images/svg/ic_list.svg") no-repeat center;}
.activitySale::before {background:url("/images/svg/ic_sale.svg") no-repeat center;}
.mint::before {background:url("/images/svg/ic_mint.svg") no-repeat center;}
.more span.date {font-size:12px; font-weight:700; color:#646978; margin-top:5px;}
.more span.actiPrice {font-weight:700;}
/* comment */
.commentBox {width:100%; display:flex; align-items:center; margin-bottom:24px;}
.commentBox.replyOn {margin-bottom:0; margin-top:12px;}
#commentBox {width:464px; height:54px; padding:12px; margin-right:20px; border:1px solid #cdd1db;}
#commentBox:focus {outline:none;}
.outer.sendOut {height:26px;} 
.sendBtt {width:76px; height:100%; background:#fff; border-radius:4px; color:#3f369e; font-size:14px;}
.sendBtt:hover {background:transparent; color:#fff;}
.comments {padding:12px 0; display:flex; flex-direction:column;}
.replyBox {display:flex;}
.saveCommentBox, .replyBox {border-bottom:1px solid #cdd1db; padding:12px 0;}
.reply {width:16px; height:16px; background:url("/images/svg/ic_reply.svg") no-repeat center; margin-right:14px;}
.rBox {width:100%;}
.commentTop, .commentProfile {display:flex; align-items:center;} .commentProfile figcaption {font-weight:700;}
.commentTop {justify-content:space-between;} .more span.date::after {display:none;}
.comProfile {width:50px; height:50px; border-radius:50%; background:#000; margin-right:8px;}
.conversation {margin:20px 0;}
div.comBtt {margin-top:0; display:flex; justify-content:flex-end;}
.commentBtt {font-size:14px; display:none;} .commentBtt.delete {color:#ec324b;} .commentBtt.on {display:block;}
/* wrap_2 */
.wrap_2 {width:1400px;}
/* more from this contract */
.ContractWrap {display:flex; flex-wrap:wrap; justify-content:center;}
.Contractcard {width:calc(100%/4.2); border-radius:10px; background:#fff; cursor:pointer; position:relative; margin-bottom:32px;}
.Contractcard {margin-right:16px;} .Contractcard:nth-of-type(4n) {margin-right:0;}
.Contractcard:hover {box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);}
.Contractcard img {width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}
.viewmore {width:200px; margin:0 auto;}
.viewmore button {background:#fff; width:100%; height:44px; border-radius:4px; color:#3f369e;}
.viewmore button:focus {background:transparent; color:#fff;}

/* NFT Detail_mobile */
.hTitle._mo {display:none;}
.more span > a.goTo {width:80px; height:auto; margin-left:0;}
.contractAdress > a.goTo {background-image: none;} .contractAdress > a.goTo:hover {color: #3bc1ff; font-weight:700;}
.more.activities {overflow:hidden;}


/* about */ 
.aboutUs {width:1078px; padding-left:40px;}
/* sidebar */
.aboutMenu {width:282px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.aboutMenu > li {margin:4px 0;}
.aMenu {
    display:block; height:60px; padding:0 13px; border-radius:4px;
    line-height:60px; font-size:16px; letter-spacing:0.32px; color:#000;
}
.tab_menu {position:relative;}
.tab_menu:after {
    content:""; display:block; width:9px; height:7px; 
    position:absolute; top:28px; right:13px;
    background:url("/images/svg/ic_head_down_no_boundary.svg");
}
.aboutSub {font-size:14px; color:#646978; background:#fff; padding:0 14px; display:none;}
.aboutSub > li {line-height:50px; height:50px; margin:4px 0;}
.aboutSub > li:hover {color:#000;}
.aboutMenu > li.on > a {background-color:#ebecef; font-weight:700;}
.aboutSub > li.on {color:#3bc1ff; font-weight:700;}

/* aboutContentsSection */
.part {padding:10px 0;}
.aboutCon {font-size: 16px; line-height:24px; color:#646978; display:none;}
.aboutCon h1 {font-weight:700; font-size:40px; line-height: 52px; letter-spacing: 0.8px; color:#000; margin-bottom:40px;}
.aboutCon h3 {font-size:24px;}
.aboutCol {font-size:20px; color:#3bc1ff;} .QA {padding-bottom:20px;}
.aboutArticle {margin:20px 0; cursor:default;}
.aboutArticle > li {cursor:default;}
.aboutimg {width:100%;} .aboutimg img {width:100%;}
h3.aboutCol {display:flex; align-items:center;}
h3.aboutCol::before {content: ""; width:5px; height:30px; background-color:#3bc1ff; margin-right:8px;}
.aboutSoon h3 {color:#000; padding:8px 0; margin-top:20px;}
.img_mobox.Q4 {border-radius:16px;}

/* about-notice */
.aMenu, .forLoad {position:relative; word-break:break-all;}
.new {position:absolute; width:8px; height:8px; background:#ff0000; z-index:1; top:0; left:0; border-top-left-radius:22px;}
.new_m {position:absolute; width:5px; height:5px; background:#ff0000; z-index:1; top:25%; left:-8px; border-radius:50%;}
.new_{width:8px; height:8px; background:url("/images/svg/ic_new.svg"); display:inline-block}

input#delete {width:16px !important; height:16px !important; margin:0 !important;}
.searchInput {display:flex; box-shadow: 0 0 4px 0 rgba(0, 12, 43, 0.13);}
.searchInput input, .searchBt {padding:8px 14px;} .searchInput input {width:240px;}
.searchBt {background-image: linear-gradient(190deg, #3f369e 5%, #3bc1ff 99.97%); color:#fff; font-size:14px;}

.noticeCategoryBox {display:flex;}
.noticeCategoryBox li {
    width:auto; margin:0 1px; padding:0 24px;  border-top-left-radius:4px; border-top-right-radius:4px;
    text-align:center; font-size:14px; line-height:35px; word-break:keep-all;
}
.noticeCategoryBox li.on {background-image:linear-gradient(to bottom, #3f369e, #3bc1ff); color:#fff;}

.notice {border-top:solid 1px #666; width:100%;}
.notice th, .notice td {color:#666; text-align:center; border-bottom:solid 1px #eee;}
.thCate, .thDate {width:12%;}
.notice button {color:#fff; background:#666; padding:0px 5px; border-radius:.15em; line-height:1.2em;}
.notice button:hover {color:#666; background:transparent; border:1px solid #e1e1e1;}
td.ntcTitle {padding:8px 0; text-align:left; color:#000;}
span.ntcDate, .mo_ntc_cate {display:none;}
.ntc_cate div, .mo_ntc_cate div {display:inline-block; font-size:0.8em; font-weight:bold; border: 1px solid; border-radius:5px; color:#4f4f4f;}
.ntc_cate.onfixed div, .mo_ntc_cate.onfixed div {
    color:#5acdfd; border:transparent;  padding:1px; 
    background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    background-origin: border-box; background-clip: content-box, border-box;
}
.ntc_cate div span, .mo_ntc_cate div span {margin:2px; line-height:1.3}

.writeBt {width:100%; padding: 6px 0;}
.writeBt a{text-align:right; font-size:14px;} .writeBt a:hover {font-weight:700;}

.noticePagination {display:flex; justify-content:center; padding:1rem; margin-bottom:1rem;}
#listNum {display:flex;}
#listNum a, .material-symbols-outlined {margin:0 2px; width:26px; height:26px; border:1px solid #e1e1e1; line-height:28px; color:#666; text-align:center; font-size:12px;}
.material-symbols-outlined {font-size:20px; line-height:26px; cursor:pointer;}
#listNum a.active {border:none; background-image: linear-gradient(200deg, #3f369e 5%, #3bc1ff 99.97%); color:#fff; width:28px; height:28px; line-height:30px;}

.aboutCon.ntc {display:block;}
.ntctit {border-top:2px solid #9b9fa8; padding:20px; word-break:break-all;}
strong.tit {font-size:20px; color:#333; font-weight:700; line-height:20px;}
span.date.ntc {margin:14px 0; font-size:12px; display:block; margin:0; margin-top:8px; line-height:12px;}
.ntcArticle {border-top:1px solid #e1e1e1; margin:0; padding:20px 0; word-break:break-all; width:100%;}
.noticeDetail h1 {font-size:40px; line-height:52px; letter-spacing:0.8px; margin-bottom:18px;}
.ntcArticle p {padding:0; line-height:1.5em;}
.ntcArticle a {color:#009ce5; display:inline-block;}
.ntcArticle img {width:100% !important;}
.listBtn {border-top:1px solid #e1e1e1; padding:20px 0; text-align:right;}
.listBtn a {
    display:inline-block; width:90px; height:42px; margin-left:8px; 
    border:1px solid #e1e1e1; border-radius:.15em;
    color:#333; font-size:14px; text-align:center; line-height:40px; 
}
.listBtn a:hover {border:none; background-image: linear-gradient(200deg, #3f369e 5%, #3bc1ff 99.97%); color:#fff; margin-left:10px;}
.admin {display:flex; justify-content:flex-end;}
.admin a {font-size:14px; margin-left:8px; margin-bottom:2px;}

/* about- notice editor */
.createForm.edit {margin:50px 0; flex-direction:column; justify-content:center; align-items:center; margin-top:120px;}
#fixntc {margin:0; margin-top:8px; outline:none;}
.fixntc {display:flex; align-items:center;}
label[for="fixntc"], label[for="globalntc"] {position:relative; top:4px; font-weight:300;}
.fixntc input {margin-top:0;} .fixntc input:not(:first-child) {margin-left:8px;}
.panel {width:80vw; margin-top:10px;}
.fixntc {margin-top:8px;}
.note-image-btn, .note-group-image-url {display:none !important;}
label[for="note-dialog-image-file-16608921829511"] {cursor:pointer; margin-bottom:0;}
label[for="note-dialog-image-file-16608921829511"]:hover {color:#3bc1ff;}
.submit {height:42px; border-radius:4px; text-align:center; cursor:pointer;}
.submit:hover {background:#16bca6; color:#fff; font-weight:700;}
.saventc:hover {background:transparent; border:1px solid #e1e1e1;}
.flexBtt {width:100%; display:flex; justify-content:space-between;}
.flexBtt input {width:calc(50% - 4px);}
.flexBtt input:first-child {height:42px;}
.notice.edit {margin-top:40px; width:80vw;}

/* aboutBtt */
.paperBtt {display:flex; padding-top:20px;}
.paper {width:302px; height:52px; margin-right:20px;}
.Btt {
    width:100%; height:100%; background-color:#fff; border-radius:4px;
    font-size:16px; color:#3f369e; text-align:left; padding:0 14px;
    position:relative;
}
.Btt a {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.Btt::after {
    content:""; display:block; width:24px; height:24px; 
    position:absolute; top:50%; right:14px; transform:translateY(-50%);
    background:url("/images/svg/ic_doc.svg");
}
.Btt:hover {background-color:transparent; color:#fff;}

/* aboutList */
.aboutArticle > li {margin:10px 0;}
.aboutArticle > li > strong {color:#3bc1ff;} .aboutArticle > li > strong.dis {color:#646978;}
.aboutArticle a {display:inline-block}
.num {
    display:inline-block; width:25px; height:25px; margin-right:15px;
    line-height:25px; text-align:center; color:#fff; border-radius:50%;
    background-image: linear-gradient(to right, #3f369e, #3bc1ff);
}
.listArticle {font-size:14px; line-height: 20px; margin:5px 45px;}
.listArticle strong {color:#ff0000;}
.aboutArticle.QAnum {padding-left:25px;}
.aboutArticle.QAnum > li {list-style:decimal;}
.aboutArticle.withImg {display:flex; flex-direction:column; align-items:center;}
.aboutArticle.withImg img {margin-top:40px;}
.img_mobox{display:flex; justify-content:space-between; width:70%;} img.img_mo {width:49.5%;}
img.img_mobox {width:70%;}

/* grade */
.aboutGrade > li {font-family: 'Schnyder M Web'; font-size:24px; display:flex; align-items: center;}
.aboutGrade > li:first-child {color: #989898;}
.gold {color: #977d0d;}
.platinum {
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-image: linear-gradient(to right, #a2caff 3%, #b2ffde 7%, #fbe46e 10%, #ffc9c9 12%, #a88dc5 15%);
}
.grade {width: 30px; height:30px; display:inline-block; margin-right:8px; color:transparent;}
.grade.ab {width:50px; height:50px;}
.grade1 {background:url("/images/svg/ic_dao_silver.svg") no-repeat center; background-size:cover;}
.grade2 {background:url("/images/svg/ic_dao_gold.svg") no-repeat center; background-size:cover;}
.grade3 {background:url("/images/svg/ic_dao_platinum.svg") no-repeat center; background-size:cover;}

/* deal */
.aboutArticle.align > li {display:flex; align-items:center;}
.aDeal::before, .aUp::before {content:""; display:inline-block; width:24px; height:24px; margin-right:8px;}
.aDeal::before {background:url("/images/svg/deal.svg") no-repeat center;}
.aUp::before {background:url("/images/svg/up.svg") no-repeat center;}


.CreateContent_wrap{margin-top: 160px; margin-bottom: 451px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.CreateContent {width: 556px; height: 469px;  display: flex; flex-direction: column; margin: auto;}
.createTitle {display: flex; font-size: 40px; font-family: 'Schnyder M Web'; color: #000;}
.createSub {font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.32px; text-align: left; color: #646978; margin-bottom: 40px; }
.createBtn {justify-content: space-between; display: flex;  border-radius: 4px; display: flex;}
.createframe {overflow: hidden;} .createframe > img {width:100%; transition-duration:0.3s;} 
.create2D:hover img, .create3D:hover img  {transform: scale(1.1);} .create2D:hover, .create3D:hover {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.13);}
.create3D , .create2D {overflow: hidden; display: flex; flex-direction: column; width: 248px; height: 350px;  border-radius: 10px; background-color: #fff;}

.CreateContent_wrap{margin-top: 160px; margin-bottom: 450px; display: flex; align-items: center; justify-content: center;}
.CreateContent {width: 556px;  display: flex; flex-direction: column;}
.createSub {font-size: 16px; text-align: left; color: #646978; margin-bottom: 40px; }
.createBtn {justify-content: space-between; display: flex;  border-radius: 4px;}
.create3D , .create2D {overflow: hidden; display: flex; flex-direction: column; width: 248px; height: 350px;  border-radius: 10px; padding-bottom: 20px;
}


.create3D > div, .create2D > div { width: 100%; display: flex; flex-direction: column;}
.cardSub {  margin-top: 12px ; margin-left: 20px;   font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.28px; text-align: left; color: #989ca7;}
.cardTitle { margin-top: 4px;  margin-left: 20px;font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: 0.4px; text-align: left; color: #000;}




/* Creator */
.wrap.cre {margin-top:80px;}
/* top */
.creatorTop {width:100%; height:274px; background:url("/images/main/bg_default_gradient@2x.png") no-repeat center; background-size:cover; position:relative;}
.creatorTop figure {
    width:120px; height:120px; padding:2px; background:#fff; border-radius:50%;
    position:absolute; bottom:-60px; left:40px;
}
.cProfile {width:100%; height:100%; border-radius:50%;}

/* bio */
#bio {width:290px; color:#000;}
.bio {font-size:16px; line-height:24px; margin-top:10px; margin-bottom:30px;}
.follow_ {display:block; font-size:14px; line-height:21px; letter-spacing:0.28px; font-weight:400; color:#646978; margin-bottom:2px;}
.follow {display:flex; justify-content:space-between; align-items:center; font-size:24px; line-height:26px; letter-spacing:0.48px; font-weight:700;}
.fOuter {font-size:14px;}
.cBtt {width:78px; height:30px; line-height:30px; background-color:#fff; border-radius:4px; font-size:14px; color:#3f369e; text-align:left; padding:0 8px;}
.cBtt.on {background:transparent; color:#fff;}
.cBtt::after {
    content:""; display:block; width:12px; height:12px;
    position:absolute; top:50%; transform:translateY(-50%); right:8px;
    background:url("/images/svg/ic_plus_no_boundary.svg") no-repeat center;
}
.cBtt.on::after {background:url("/images/svg/ic_plus_white.svg") no-repeat center;}
.cSNS {display:flex;}
.cSNS li {width:48px; height:48px; margin-right:8px; border-radius:50%;}
.cSNS a {width:100%; height:100%; display:block;}
.cTitter {background:url("/images/svg/ic_twit.svg") no-repeat center;}
.cInsta {background:url("/images/svg/ic_insta.svg") no-repeat center;}
.cHomepage {background:url("/images/svg/ic_web.svg") no-repeat center;}
.bioTop {border-bottom:1px solid #e1e4ec; padding:10px 0;}
.bioBottom {margin:30px 0; font-size:16px;}
.bioBottom li.on {font-weight:700; color:#000;}

/* select wallet */
.custom-select {position:relative; display:inline-block; font-size:14px; color:#888; margin-right:10px;}
.custom-select select {
    width:250px; min-height:44px; border-radius: 4px;  border:none; border-bottom:1px solid #3f369e; padding-left:14px; padding-right:50px; outline:none; margin-bottom:20px; appearance:none;
    text-overflow: ellipsis; white-space:nowrap; overflow:hidden; cursor: pointer;
}
.custom-select::after {
    content:'';  width:30px; height:30px; 
    background:url("/images/svg/ic_wallet.svg") no-repeat center;
    /* border-width:5px; border-style: solid; border-color:transparent; border-top-color:#888; */
    display:inline-block; position:absolute; right:14px; bottom:27px;
}
.selector-options {margin:0; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.1);  border-radius:4px; z-index:1; position:absolute; position:absolute; top:0px; min-width:100%;}
.selector-options li {height:44px; display:flex; align-items:center; padding:0 14px; border-radius:4px;}
.selector-options li:not(:first-child):hover {background:linear-gradient(to right, #3f369e, #3bc1ff); color:#fff;}
.selector-options li:first-child {cursor:default; color:#000; font-weight:900;}
/* card section */
#cre_1, #cre_2 {display:none;}
#cre_1.on, #cre_2.on {display:flex;}


/* card section */
.cardContainer.cre {margin-left:120px;}
.cards.cre {margin-top:0;}
.cInfo {padding:0 16px; margin-top:22px; margin-bottom:34px;}
#cardProfile {display:flex; align-items:center; margin-top:16px;}
.cardProfile {width:30px; height:30px; border-radius:50%; margin-right:8px;}
.cardProfile img{width:100%; height:100%; border-radius:50%;}
.cardName {font-size:16px; font-weight:700;}
.cardStatus {font-size:14px; line-height:19px; letter-spacing:0.28px; height:19px; overflow:hidden; margin-top:25px; color:#989ca7;}
.price{display:flex; align-items:center; font-weight:700; color:#000; margin-top:4px;}
.price::before{content:""; display:block; background:url("/images/svg/ic_eth_no_boundary.svg") no-repeat center; background-size:cover; width:10px; height:16px; margin-right:8px;}
.cardPrice {font-size:20px; line-height:26px; margin-right:8px;}
.cardDollor {font-size:14px; letter-spacing:0.28;}
.cardDollor::before {content:"$"; margin-right:4px;}
.heart {position:absolute; bottom: 34px; right:16px; background:url("/images/svg/ic_heart_line.svg") no-repeat center; width:20px; height:20px;}
.heart.on {background:url("/images/svg/ic_heart_line_sm.svg") no-repeat center;}
.imageSize {position:relative; width:100%;}
.imageSize::before {content:""; display:block; padding-top:100%;}
.imageCenter {position:absolute; top:0; left:0; width:100%; height:100%;}
.images {position:absolute; width:100%; height:100%; object-fit:cover; object-position:center center;}

/* nothing */
.nothing {display:flex; height:100%; justify-content:center; align-items:center;}
.nothing h1 {color:rgba(0, 12, 43, 0.3); text-align:center; word-break: keep-all;}

/* overay */
.fOveray, .rfp {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.6); display:none; z-index:9999;}
.Overay, .rf_Overay {
    position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:350px; padding:30px; background-color:#fff; border-radius:16px;;
    font-size:16px; line-height:30px; display:none; z-index:9999;
}
.overtitle {height:30px; overflow:hidden; font-family: 'Schnyder M Web';}
.overtitle li {display:none;}
.overtitle li.on {display:block;}
.overtitle h1  {font-size:24px; text-align:center;}
.overlist {min-height:200px; max-height:350px; overflow-y:scroll;}
.overlist li {display:flex; align-items:center; margin:15px 0; justify-content:space-between; width:98%;}
.fUser {display:flex; align-items:center;}
.fUser span {width:24px; height:24px; border-radius:50%; font-size:0; background:#000; margin-right:8px;}
.overOuter{background-image: linear-gradient(to right, #3f369e, #3bc1ff); border-radius:20px; width:64px; height:28px; display:flex; align-items:center; justify-content:center;}
.cBtt.overBtt {font-size:12px; width:60px; height:24px; line-height:24px; text-align:center; border-radius:20px;}
.overBtt::after {display:none;}

/* translate */
.translate {position: fixed; background: rgba(0,0,0,.2); top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}
.translate_lang {
    position: fixed; top: 4.8%; left: 50%; transform: translateX(-50%); 
    width: 250px; background: #fff; border-radius: 14px; 
    color: #444; text-align: left;
}
.translate_lang > button {position: absolute; top: 13px; right: 12px; font-size: 18px; font-weight: 500;}
.translate.off {display: none;}
.passive {display: flex; text-align: center; padding: 15px 10px 0 15px;}
.passive li {width: 80px; height: 30px; line-height: 30px; font-size: 14px; cursor: pointer; border-bottom: 1px solid #eee;}
.passive li.on {border-bottom: 2px solid #1a73e8; color: #1a73e8; font-weight: 800;}
.translate .active {text-align: center; position: absolute; right: 25px; background: #fff; padding: 10px 0; border-radius: 14px; box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.1); display: none;}
.translate .active.on {display: block;}
.translate .active li {display: block; line-height: 1.8em; font-size: 14px; padding: 0 30px;}
.active li:hover {background: rgba(0,0,0,0.05);}
.translate_lang > div:not(.more) {font-size: 12px; padding: 20px; border-top: 1px solid #e3e3e3; margin-top: 10px; background: rgba(0,0,0,0.05);}
.translate_lang div.more {position: absolute; top: 2px; right: 45px; display: flex; flex-direction: column; gap: 2.5px; cursor: pointer;}
.translate_lang div.more span {display: block; width: 3px; height: 3px; background: rgba(0,0,0,0.3);}
.translate_lang div.more.on span {background: #009ce5;}

/* form */
.container.formBody {background-image: linear-gradient(to bottom, #f4f6fb, #fff); padding:100px 0; margin-top:0;}
.meta, .form, .logInBtt, .signUpBtt, .verify {width:100%; height:44px; background:#fff; border-radius:4px; font-family: 'Noto Sans', sans-serif; font-size:16px; color:#3f369e; line-height:44px;}
.logInBtt, .verify.success {background:transparent; color:#fff;}
input:focus:not(.searchInput input, .submit, #delete, .cd_btn, .colSearch, .wInput) {box-shadow: 0 0 20px 0 rgba(59, 193, 255, 0.2);}

.logo.onForm {position:relative; left:50%; transform:translateX(-50%); bottom:0; background-size:80%;}

/* login */
.logBox {display:flex; flex-direction: column; margin-top:100px; width:360px; font-size:16px; color:#989ca7;}
.logBox h1 {font-family: 'Schnyder M Web'; font-size:40px; line-height:52px; color:#000;}
.logBox h5 {font-size:16px; font-weight:400; color:#646978; margin-top:12px;}
.logBox form {margin-top:30px;}
.logBox div:not(.imageSize, .imageCenter, .outer), .logBox ul {margin:14px 0;}

.meta::before {
    content:""; display:inline-block; width:24px; height:24px; background:url("/images/icons/metamask.png") no-repeat center; background-size:cover;
    position:absolute; top:50%; left:16px; transform:translateY(-50%);
}
.meta:hover, .signUpBtt:hover, .verify:hover {background:transparent; color:#fff;}
.error {text-align:center; color:#ff0000; line-height:26px; font-size:14px;}
.or {display:flex; justify-content:space-between; align-items:center; padding-top:22px; padding-bottom:10px;}
.form {border-radius:22px; padding-left:20px; width:calc(100% - 20px); color:#000;}
.hoverBtt:hover {background-image: linear-gradient(to right, #0d0091, #009ce5);}
.right {padding-top:22px; display:flex; justify-content:space-between; font-size:14px;}
.right > li {display:flex; cursor:default;}
.right > .outer:first-child > button > a {color:#3f369e;}
.right > .outer:first-child > button > a:hover {color:#fff;}
.logBox a:hover, .logBox a:focus {color:#0d0091;}


/* LostPassword */
.sendEmail {width:600px;}
.sendEmail h1 {margin-bottom:40px;}
.sendEmail ul {padding-top:0; margin-top:0;} .sendEmail li {width:49%;}
.logInBtt.pass a:hover {color:#fff;}


/* signUpForm */
.formlogo {width:316px; height:56px; background:url("/images/logo/logo_largest.png") no-repeat center;}
.signBox {width:476px; font-size:14px; text-align:center; margin-top:40px;} .signBox fieldset {display:flex; flex-direction:column;}
.forSignUp {display:flex; width:100%; justify-content:space-between;} 
.confirm {text-align:left; color:#646978; margin-bottom:5px; line-height:1;}
.sInput {font-family:'Noto-sans', sans-serif; font-size:16px; height:46px; line-height:46px; padding-left:12px; margin:8px 0; border-radius:4px; border:solid 1px #cdd1db;}
.sInput:first-child:not(.v2) {width: calc(100% - 152px); margin: 15px 0 10px 0;}
.sInput:focus {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.1);}
.verify {width:126px; height:100%;} .register {height:48px;}
.sNickname {margin-bottom:30px; text-align:left;}
.goToSignIn {color:#646978; font-size: 16px; margin-top:20px;}
.goToSignIn a {display:inline; color:#646978; font-weight:700;}
.goToSignIn a:hover {color:#000;}

/* confirm */
.outer.success {background-image:none; background-color:#16bca6;}
.confirm.error {color:#ff0000;}


/* signUpFront */
.or.form {padding:0; background:transparent;}

/* signup success */
.container.suc {flex-direction: column; align-items: center; padding: 10px 0;}
.logo.onForm.success{background-size: 100%;}
h1.success {margin: 0 auto;}
.logBox div.suc {margin: 0;}
.downloadguide {display: flex; justify-content: center; gap: 8px; position: relative; z-index: 100; top: -80px;}
.downloadguide a {background: rgba(14,11,25,.8); padding: 4px 14px; border-radius: 8px; border: 1px solid #43F8F8;}
.downloadguide a:hover {color: #43F8F8;}
.downloadguide span {text-shadow: var(--text-shadow); font-size: 20px;}
.succ {width: calc(100% - 460px); text-align: center; margin-top: 30px;}
.succ img {width: 28%; margin:  4px auto;}
.succ a {color: #3bc1ff; border-bottom: 2px solid #3bc1ff; font-weight: 600;}
.succ h1 {font-family: 'Schnyder M Web'; display: inline-block; margin-bottom: 20px;}
.succ h1 strong {-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #3f369e, #3bc1ff); }
.logBox div.reflect {position: relative; width: 476px; height: 476px;}
.logBox div.reflect, .logBox div.downloadBox {margin: 0 auto;}
.downloadimg {
    position: absolute; width: 250px; top: 50%; left: 50%; transform: translate(-50%,-50%);
    box-shadow: 0 0 30px var(--main), inset 0 0 30px var(--main); z-index: 100;
}
.downloadBox {position: relative; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; margin: 0 auto; filter: url("#wavy") blur(0.5px);}
.downloadBox:before {
    content: ''; position: absolute; top: 100px; left: 100px; right: 100px; bottom: 100px; background: #0002;
    border: 12px solid #fff; border-radius: 50%; box-shadow: 0 0 30px #43F8F8, inset 0 0 30px #43F8F8;
    -webkit-box-reflect: below 10px linear-gradient(transparent,transparent, #0002);
    animation: burn 5s linear infinite;
    line-height: 225px; font-size: 35px; color: var(--main);
}
.downloadBox:after {
    content: ''; position: absolute; top: 100px; left: 100px; right: 100px; bottom: 100px;
    border: 12px solid #fff; border-radius: 50%; box-shadow: 0 0 15px #fff, inset 0 0 20px #fff;
}
@keyframes burn 
{
    0% {
        box-shadow: 0 0 30px #43F8F8, inset 0 0 30px #43F8F8;
        filter: hue-rotate(0deg);
    }
    20% {
        box-shadow: 0 0 40px #43F8F8, inset 0 0 40px #43F8F8;
    }
    40% {
        box-shadow: 0 0 20px #43F8F8, inset 0 0 20px #43F8F8;
    }
    60% {
        box-shadow: 0 0 60px #43F8F8, inset 0 0 60px #43F8F8;
    }
    40% {
        box-shadow: 0 0 80px #43F8F8, inset 0 0 80px #43F8F8;
    }
    100% {
        box-shadow: 0 0 30px #43F8F8, inset 0 0 30px #43F8F8;
        filter: hue-rotate(360deg);
    } 
}
.reflect svg {width: 0; height: 0;}
.edenticket .imageSize {width: 80px; height: 80px; margin: 0 !important;}
.edenticket, .edenticket ul li, .edenticket ul li .outer button a, .tickets {display: flex; align-items: center;}
.edenticket {justify-content: center; gap: 20px; background: #0E0B19;}
.tickets {gap: 20px;}
.edenticket .imageCenter img {border: 3px solid #43F8F8;}
.edenticket ul li {gap: 8px; margin: 8px 0;}
.edenticket ul li .outer span {margin: 0 8px;}
.edenticket ul li .outer button {width: 125px; background: #fff; border-radius: 2px;}
.edenticket ul li .outer button:hover {background: transparent; color: #fff;}
.edenticket ul li .outer {height: 40px;}
.tickets ul:first-child li:last-child {color: #fed521; font-weight: 700;}
.tickets ul:last-child li img {width: 40px; height: 40px;}
.tickets ul:last-child li {margin: 8px 0;}

/* signup refferal */
.container.formBody.reff {padding: 40px 0;}
.container.formBody.reff .signBox {margin-top: 0;}
.reffBox {display: flex; flex-direction: column; align-items: center; gap: 14px;}
.container.formBody.reff .logBox form {margin-top: 8px;}
.container.formBody.reff .formlogo {width: 180px; height: 32px; background-size: cover; margin-bottom: 8px;}
.container.formBody.reff .sInput {margin: 4px 0;}
.container.formBody.reff .logBox div, .container.formBody.reff .logBox ul {margin: 4px 0;}
.container.formBody.reff .logo.onForm {margin: 14px 0;}
.sNickname.reff {margin-bottom: 4px; font-size: 12px;}
.outer.hoverBtt.disabled {margin: 0; padding: 0;}
.outer.hoverBtt.disabled button {padding: 2px; cursor: default; backdrop-filter: grayscale(100); height: 46px; line-height: 42px;}
.outer.hoverBtt.disabled button span {filter: grayscale(0); color: #ffff00;}
.privacyWrap {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; background: #e9e9e9; border: 1px solid #d1d1d1;}
.privacydes, .servicedes {
    height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; border: 1px solid #d1d1d1; background: #fff; padding: 20px; text-align: left; line-height: 1.7;
}
.privacydes::-webkit-scrollbar, .servicedes::-webkit-scrollbar {width:12px;}
.privacydes::-webkit-scrollbar-track, .servicedes::-webkit-scrollbar-track {border-radius:6px;}
.privacydes::-webkit-scrollbar-thumb, .servicedes::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #3f369e, #3bc1ff); width:80%; height: 50px;
    border-radius:6px; background-clip:padding-box; border:2px solid transparent;
}
.pp {font-size: 14px; display: flex; align-items: center; justify-content: center;}
.pp:before {content: ''; display: block; width: 15px; height: 15px; border: 1px solid #d1d1d1; margin-right: 6px;}
.pp.check {color: #3f369e;}
.pp.check:before {border: 1px solid linear-gradient(to right bottom, #3f369e, #3bc1ff); background: linear-gradient(to right bottom, #3f369e, #3bc1ff);}
.acceptall {display: inline-block; cursor: default; border: 1px solid #d1d1d1; width: 200px; line-height: 3; margin-top: 8px;}
.privacyModal {display: none; padding: 20px;}
.privacyModal h3 {color: #333 !important;}
.player {width: 100%; height: 250px;}
.sInput.alert {border: solid 1px #ff0000;}
.sInput.alert:focus {border: solid 1px #cdd1db;}
input.sInput.alert::placeholder {color: #ff0000 !important;}
.sNickname.alert {color: #ff0000;}
.pp {cursor: pointer}
.reffup {display: flex; gap:20px;}
.reffleft {display: flex; gap: 20px}
.wdstatus {width: 300px; height: 365px; overflow-y: hidden; box-shadow: 0 0 8px 0 rgba(0, 12, 43, 0.13); padding: 20px; border-radius: 4px;}
.wdstatus img {height: 20px;}
.wdstatus img.live {width: 28px; height: 28px;}
.wdpresent span {display: block; font-size: 12px; color: #989ca7;}
.wdpresent span:first-child {font-weight: 600; font-size: 16px; color: #000;}
.liveBox {display: flex; align-items: center; justify-content: space-between;}
.wdstatus tr {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.wdstatus th {display: flex; justify-content: center; align-items: center; gap: 4px; line-height: 2.5em;}
.wdstatus th:nth-child(3) span {display: block; width: 30px; text-align: right;}
.wdstatus td {display: flex; justify-content: center; align-items: center; gap: 4px; font-size: 12px; line-height: 2.2em; border-bottom: 1px solid #efefef; color: #000;}
span.idwidth {width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
span.d_m {width: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bettingRanking {width: 300px; height: 315px; padding: 20px; box-shadow: 0 0 8px 0 rgba(0, 12, 43, 0.13); font-size: 14px;}
.bettingRanking .rankbox, .bettingRanking .rankSlides  {position: relative;}
.bettingRanking .rankItem {display: flex; align-items: center;}
.bettingRanking .rankSlide {height: auto;}
.bettingRanking .rankItem {width: 65px;}
.bettingRanking .rankItem img {width: 20px; margin-right: 2px;}
.bettingRanking .rankbox span {width: 180px; margin: 0 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bettingRanking > span {font-size: 16px; font-weight: 700;}
.chargeRanking {display: flex; justify-content: space-between;}
.rankingPeriod {display: flex;  align-items: center; color: #989ca7;}
.rankingPeriod span {font-size: 12px !important; color: #989ca7 !important; font-weight: 500 !important;}
.rankingPeriod div:last-child {color: #ff0000; font-weight: 700;}
.livemark.f {display: flex; align-items: center; gap: 4px;}
.livemark img {margin: 0 auto; width: 24px; height: 24px;}
.livemark span {display: block; font-weight: 700; text-align: center; font-size: 12px; color: #ff0000;}
.vedioTabs {display: flex; padding: 0; margin: 0;}
.vedioTabs li img {width: 28px; height: 28px;}
.vedioTabs li {flex: 1; text-align: center; padding: 4px 0; background: #e3e3e3; display: flex; align-items: center; font-size: 14px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #000; justify-content: center; border-right: 1px inset #c3c3c3;}
.vedioTabs li.active {background:#000; color: #fff; font-weight: 900;}
.tabVedio {width: 340px;}
.tabVedio span {display: block; font-weight: 600; font-size: 16px; margin-bottom: 8px;}
.tabVedio video {width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.videoContents {display: none;}
.videoContents.active {display: block;}
.visitor {position: relative; width: 100%; height: 265px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; margin-top: 14px;}
.visitor::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/images/coinBG.jpg"); background-size: cover; opacity: 0.8; filter: brightness(0.3); z-index: 0; border-radius: 8px;}
.visitor h1 {font-size: 45px; background: linear-gradient(to right bottom, #FFFBBD, #AE8C4F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Schnyder M Web'; text-shadow: 0 0 8px 0 rgba(0, 12, 43, 1); z-index: 1;}
.logoimage {display: flex; position: relative; width: 70px; height: 45px;}
.logoimage img {width: 45px; height: 45px; padding: 3px; position: absolute; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(0, 12, 43, .7);}
.logoimage img:last-child {right: 0;}
.visitor span {z-index: 1; color: #ae8c4f; font-size: 24px; font-weight: 600;}

/* CreateForm */
.createForm {margin:160px 0; display:flex; justify-content:center;}
#createForm {padding:50px 40px;}
.c_ {margin:20px 0; font-family: 'Noto Sans', sans-serif;}
.c_ h2, .preview h2, .sum_ h2 {font-family: 'Schnyder M Web'; font-size:24px; color:#333;}
.c_ p {font-size:14px; color:#989ca7;}
.c_1 {padding-left:40px;} .c_1.c_1Box {padding-left:0;}

.c_0 {text-align:center;}
.imgBox {
    width:280px; height:280px; border-radius:4px; background-image: linear-gradient(to bottom, #3f369e, #3bc1ff);  margin:10px auto;
    color:#fff; line-height:280px;
}

.radio_wrap {display:flex; align-items:center; margin-top:8px;}
.radio_wrap label {font-size:14px; color:#646978; margin-right:20px;}
input[type='radio'], input[type='radio']:checked, input[type='checkbox']:not(#toggles) , input[type='checkbox']:checked {appearance:none; width:20px; height:20px; margin-right:8px; border-radius:4px;}
input[type='radio'], input[type='checkbox']:not(#toggles) {border:1px solid #cdd1db;}
input[type='radio']:checked, input[type='checkbox']:not(#toggles):checked {background:url("/images/icons/ic_check.png") no-repeat center; border:none;}
input[type='file'] {width:1px; height:1px; margin: -1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.upload2D {color:#fff;}

.upload {
    background:#f4f6fb; box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.13); margin-top:20px;
    display:flex; flex-direction:column; align-items:center; width:646px; padding:50px 20px;
}
.upload h5 {font-size:16px; color: #989ca7;}
.uploadBtt {width:250px; margin-top:15px; display:flex; justify-content:center; align-items:center; padding:15px 0;}

.c_section {display:flex; margin:20px 0;}
.c_section div {
    border-radius:4px; width:95%; padding:80px 20px; background:#f4f6fb; box-shadow: 0 0 5px 0 rgba(0, 12, 43, 0.13); 
    display:flex; flex-direction:column; align-items:center; cursor: pointer;
}
.c_section div.on {background:#fff;  font-weight:900;}
.c_section div:not(:last-child) {margin-right:8px;}
.c_section span {margin-top:8px;}
.price_piece {display:flex; margin-top:10px;}
.price_piece div {margin-right:8px;}
.form.cre {width:260px;}
.priceBtt {width:200px; height:44px;}
.downBox > .outer::after, .cPrice > .outer::after {
    content:"";  display:block; width:9px; height:7px; background:url("/images/svg/ic_head_down_no_boundary.svg") no-repeat center;
    position:absolute; right:15px; top:22px;
    }
.outer.cre {margin-top:10px;}

.cForm {width: calc(100% - 20px); border-radius:4px; border:1px solid #cdd1db; margin-top:10px;}

.Description {height:200px; border-radius:4px; width: calc(100% - 33px); line-height:20px;}
.Description:focus {outline:none;}

.c_1Box {display:flex; flex-wrap:wrap; margin-top:10px; align-items:flex-end;}
.c_1Box li{width:50%;}
.c_1Box > li:first-child > div {margin-right:8px;} .c_1Box li {margin-bottom:10px;}
.c_1In {border-radius:22px; height:44px; padding-left:14px; width:calc(100% - 14px);}
.comBtt {margin-top:50px;}
.cForm:focus {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.1);}

#toggles {appearance:none; background-color:#cdd1db; border-radius:20px; width:50px; height:25px; margin-top:10px; position:relative;}
#toggles::before {
    content: ""; position:absolute; top:0; left:0; width:21px; height:21px; margin:2px;
    background-image: linear-gradient(to bottom, #3f369e, #3bc1ff); border-radius:50%;
    transform:scale(0.9); transition-duration: 0.5s;
}
#toggles:checked::before {left:25px;}

/* create2d selectBox Css */
.cPrice {margin-top:8px;}
.cPrice select {
    font-family: 'Noto sans',sans-serif; 
    background:url("/images/svg/ic_head_down.svg") no-repeat 100% 50%;
    -moz-appearance:none; -webkit-appearance:none; appearance:none;
    outline:none; border:1px solid #cdd1db; border-radius:4px; width:200px; height:48px; padding:0 14px;
}
.cPrice select:focus {color:#000;}
select[name='paymentMethod'] {margin-top:8px;}

/* prevBox */
.prevBox {position:relative; align-self:stretch;}
.c_0 {text-align:center; position:sticky; top:80px;}

/* cre_description */
.descre {display:flex; align-items:center; position:relative;}
.bubble_wrap b {display: inline-block; margin-left:8px; width:16px; height:16px; line-height:16px; border:1px solid #222; border-radius:50%; text-align:center; font-size:12px; cursor:pointer;}
.bubble {position:absolute; bottom:100%; left:0; background: #989898;; color:#fff; padding:8px; font-size:12px; border-radius:4px; display:none;}
.bubble.on {display:block;}

/* createForm mobile */
.upload h5 {text-align:center;}


/* 3D summary */
.sumBox {display:flex; flex-direction:column; justify-content:center; padding:0 16px;}
.sum_ {margin:8px 0;} .sum_ > textarea {margin-bottom:0; margin-top:10px;} .sum_ > .confirm {font-size:14px; margin-top:8px;}
.sum_ > .imgBox {width:350px; height:350px;}
.sum_load {display:flex; justify-content:space-between; align-items:center; width:100%; margin:8px 0;}
.sum_load > .sumB {width:48%;} .sum_load > .cForm {margin-top:0;}
.upload-name.cForm {margin-left:8px; height:48px;}
.sumB > button {height:44px; width:100%; color:#fff; font-size:16px; text-align:center;}
.forSum {position:relative;}
label[for="sumPrice"] {position:absolute; line-height:44px; left:14px; font-size:14px; font-weight:900; color:#646978;}
.sumPrice {padding-left:32px;}
button.sumB_wh {width:100%; background-color:#fff; color:#3f369e; border-radius:4px}
button.sumB_wh:hover, button.sumB_wh:focus {background:transparent; color:#fff;}
.forSum {margin-top:10px;}
.sumPrice {width:calc(100% - 32px);}
.sumI {width:450px;}

/*events*/
.events_Content { width: 1400px;margin: 0 auto;background: #ffffff;}
.eventSection {display: none; padding: 20px 0 0;}

/*라디오버튼 숨김*/
.events_Content>div>input {display: none;}
.events_Content>div>label {margin-bottom: 50px; display: inline-block; padding: 0 10px 0 0; 
    text-align: center; color:#000; border: 1px solid transparent; line-height: 1.5; letter-spacing: 0.32px;}
.events_Content>div>label:hover { cursor: pointer;}
 /*input 클릭시, label 스타일*/
 .events_Content>div>input:checked + label {font-weight: bold;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}

.eventBanner{width: 100%; border-radius: 16px; overflow: hidden; margin-bottom: 20px; position: relative;}
.eventBanner>a>div {position: absolute;}

.Banner1_text {display:flex; flex-direction:column; justify-content:center; height:100%; padding:0; padding-left:5%;}
.Banner1_innerText { display: flex; flex-direction: column;}
.Banner1_text>p:nth-child(1) { font-size: 28px; font-weight:700; color: #ffffff;}
.Banner1_text>div>p:nth-child(1) {color: #ffff;  font-size: 71px; font-weight:700; }
.Banner1_text>div>p:nth-child(2) {color: #ffff;  font-size: 45px; font-weight:700; color: #ffffff;}
.defult_event { width: 100%; height: 261px; background-color: rgb(228, 228, 228); }
.eventSection img { width: 100%; }
.eventTitle { margin-bottom: 10px; word-break: break-word;}
.Banner1_innerText.launching {color: #00e2ea;}
.attendance_text { color: #ffd543; }
.eventBanner:hover img {transform: scale(1.1); transition: all 0.3s ease-in-out;}
.eventBanner:hover div {z-index: 1; }
/*진행중인 이벤트가 없을 경우의 배너 스타일*/
.eventBanner.eventNone:hover img{transform: unset; transition: none; cursor: default;}
/*event스크롤 이벤트를 위한 css설정*/
.eventBanner {margin-top: 1.596vw; }

/*event내부_상세페이지*/
.innerContents {width: 1400px; display: flex; flex-direction: column; }
.eventDetail {margin-top:70px; width:100%;}
.backImg {width:100%;} .backImg img {width:100%;}

.eventBtt_00, .eventBtt_03 {display:flex; justify-content:center;}

/* 상시 이벤트 - 레퍼럴 */
.eventBtt_00 {background-color:#7ad7ff;}
.eventBtt_00 a {height:80px; font-weight:900; font-size:40px; color:#fff; background-image:linear-gradient(to bottom, #627fff, #4b6cfe); line-height:80px; padding:0px 30px; border-radius:4px;}

/* 이벤트 종료시 스타일을 삭제합니다. */
/* 블록루프 런칭 이벤트 */
.eventBtt_01 {background-color:#001c32; padding:200px 0;}
.e_01 {color:#fff; font-weight:700; font-size:35px; background-color:rgba(255,255,255, 0.2); border-radius: 16px; margin:6px; padding:10px; width:calc(100% - 12px);}
.e01 {width:500px; text-align:center; margin:0 auto; border-radius:16px; background-image: linear-gradient(to right, #00d8ee, #3f369e);}
.e01:hover {background-image: linear-gradient(to right, #00e8f6, #554bbb);}
/* 게이트아이오 상장이벤트 */
.eventBtt_03 {background-color:#051825; padding:100px 0;}
.eventBtt_03.color {background-color:#072337;}
.eventBtt_03 a {height:100%;}
.e_02 img, .e_03 img, .e_04 img {width:100%;}
.e_02 {width:520px; height:70px;}
.e_03 {width:520px; height:70px;}
.e_04 {width:545px; height:124px;}
/* discord 1000miles event */
.backImg.miliesBtt, .backImg.chat, .backImg.welcome, .backImg.live {position: relative;}
.backImg.miliesBtt > button {position: absolute; top: 50%; left: 23%; transform: translateY(-50%);}
.backImg.chat > button {position: absolute; top: 50%; left: 20%; transform: translateY(-50%);}
.backImg.welcome > button {position: absolute; top: 50%; left: 19%; transform: translateY(-50%);}
.backImg.live > button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* mystery Box */
.mysteryBox {background-color: #000; position:relative; width:100vw; height:100vh; overflow:hidden;}
.eTicketTotals {color:#fff; position:absolute; top:100px; right:15px; text-align:right; font-size:16px; line-height:30px; font-weight:700;}
.eTicketTotals span {font-size:40px;}
.mysteryBox video {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mysteryBox > .outer {position:absolute; bottom:80px; left:50%; transform:translateX(-50%);}
.mysteryBox button {width:200px; color:#fff; height:44px; font-weight:700; font-size:18px;}
#popUp_01, #popUp_02, #popUp_03 {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); display:none;}
#popUp_01.on, #popUp_02.on, #popUp_03.on {display:block;}
.popInner {z-index: 101;}
.cautionBox{
    position:absolute; z-index:101; width:300px; height:400px; top:50%; left:50%; transform:translate(-50%, -50%);
    background: #000; padding:20px; border-radius:4px; text-align:center; border:1px solid #00e8f6;
    display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:1011;
}
.cautionBox p {padding:20px; color:#fff;}
#popUp_01 img {width:50%;}
.cautionBox button {color:#fff; width:100%; border-radius:4px; padding:0 50px;}
.close {background:url("/images/svg/ic_close.svg") no-repeat center; color:#fff; width:10px; height:10px; position:absolute; top:20px; right:20px; cursor: pointer;}
#popUp_02 > .cautionBox {display:none; height:auto; background-image: linear-gradient(to top left, #00e8f6, #554bbb); border:none;}
#popUp_02 > .cautionBox.on {display:flex; justify-content:flex-start;}
#popUp_02 > .cautionBox.on > a{background:none;}
.winningBox {border-bottom: 1px solid #fff; padding:25px 0;}
.black{font-family:'noto-sans',sans-serif; font-size:24px; line-height:30px; color:#fff;}
.eventTitle.win {background:transparent; -webkit-background-clip:none; -webkit-text-fill-color:inherit;  color:#fff; margin-top:20px;}
.goToCheck {padding-top:20px;}
.goToCheck a {margin:0 auto; border:1px solid #fff;  padding:14px 50px; color:#fff;}
.goToCheck span {font-size:14px; color:#fff;}

/*출석체크 이벤트*/
.eventBtt_02{ background-image: url("/images/event/en/attendance/detail_middle.png");}
/* .eventBtt_03 { background-color: #000; } */
.eventBtt_02 /*, .eventBtt_03*/{ width: 100%; margin-top: -2px;  display: flex; flex-direction: column; padding: 100px 0;}
.eventBtt_02> button:nth-child(1), .eventBtt_02> button:nth-child(2)
{ width: 50%; margin: 0 auto; cursor: pointer; padding: 20px; 
border: 0.2rem solid #fff; border-radius: 50px;  box-shadow: 0 0 3.2px #fff, 0 0 3.2px #fff, 0 0 3.2px #ff009d, 0 0 12.8px #ff009d,
 0 0 44.8px #ff009d, inset 0 0 20.8px #ff009d; background-color:transparent; margin-bottom: 100px; color: #ffff; font-size: 25px;}
.backImg.cal { position: relative; z-index: 2; margin-top: -3px;}
/* .eventBtt_03> button:nth-child(1), .eventBtt_03> button:nth-child(2)
{width: 50%; margin: 20px auto; cusor: pointer; padding: 20px; border-radius: 50px; box-shadow:#001c32; 
 background-color: #281249; border-radius: 10px; background-image: linear-gradient(to top left, #00e8f6, #554bbb); color: #fff;} */
 
/*캘린더css*/
.cal_EN thead>tr { margin-bottom: 10px; }
.cal_EN td {position: relative; text-align: center; color: #fff; background-color: #281249; border-radius: 50%; }
.absent, .present { width: 100% !important; }
/*사용하지 않는 날(날짜가 지정되어있지 않는 경우)*/
.unuseDay { background-color: unset !important; cursor: default;}
.cal_wrap { position: relative; }
.cal {margin: 0;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cal_EN { display: flex; align-items: center; justify-content: center; position: absolute; margin-bottom: 7.422vw;}
.tbody-class > tr > td { width: 105px; height: 105px; display: flex; justify-content:center; align-items: center;}
.thead-wrap::after { content: ''; height: 30px; display: table-row;}
.tbody-class{display: grid; grid-template-rows: 1fr 1fr 1fr 1fr  1fr;}
.tbody-class > tr {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}


/* Whale_detail */
.whale_detail {width:calc(100% - 100px); margin: 140px auto;}

.copyAdress, .heart_share, .iconic, .iconic div, .iconic span, .Col_wh, .wd_top, .relate_wh, .contract_wh, .WS, .wFavor a, .colLi li, .wBtt, .wIcons, .w_cart, .wpr, 
.wrank, .bttOn.w > li, #wfilter, .catefil, #pricechange, .day_wh, .day_wh div, .buyinginfo div:last-child span:last-child, .filters {display:flex; align-items:center;}
.WP span {font-size:14px; color:#646978; margin-right:14px;} .top._wh {display:block;}

.WP {display:flex; align-items:flex-start; justify-content:flex-start;}
.wp {width:320px; position:relative;}
.wp figure {width:120px; height:120px;}
.heart_share{position:absolute; top:0; right:8px;}
.heart_share li {margin:0 4px; width:24px; height:24px;}
.w_heart {background:url("/images/svg/ic_heart_line.svg") no-repeat center;}
.w_heart.on {background:url("/images/svg/ic_heart_boundary.svg") no-repeat center;}
.share {background: url("/images/svg/ic_share.svg") no-repeat center; background-size:80%;}
.bioTop.w {border-bottom:none;}
.copyAdress .imageSize {width:32px; margin-right:8px;} .wn {margin-bottom:8px;}
.copyAdress.wn h2 {font-size:25px;}
.copy_wh {content:""; display:block; width:20px; height:20px; background:url("/images/svg/ic_copy.svg") no-repeat center; margin-left:8px; cursor:pointer;}
.iconic {flex-wrap:wrap;} .iconic span::before {content:""; width:20px; height:20px; margin-right:8px;}
.iconic a {font-size:14px; color:#646978; font-weight:900;} .iconic a:hover {color:#3bc1ff;} 
.iconic .copyAdress span {margin-right:0;} .iconic .copy_wh {margin-left:4px; padding:8px 0; width:16px; height:16px;}
.whales::before {background:url("/images/svg/ic_whale_.svg") no-repeat;}
.bcholder::before{background:url("/images/svg/ic_blue.svg") no-repeat;}
.data_wh {margin-top:30px; display:flex;} .data_wh > div {max-width:calc(100% / 3); margin-right:18px;}
.data_wh span {margin-right:0;} span.wh_value {display:block; word-break:break-all; font-size:24px; color:#000; font-weight:900; line-height:20px; margin:10px 0;}
.colPro {width:33px; height:33px; position:relative; margin:3px 0;}
.wh_col {position:absolute; width:30px; height:30px; top:50%; left:50%; transform:translate(-50%,-50%);}
.topCol {width:33px; height:33px; background-image: linear-gradient(to right bottom, #a2caff 0%, #b2ffde 25%, #fbe46e 50%, #ffc9c9 75%, #a88dc5 100%); border-radius:50%;}
.topCol::after {position:absolute; content:""; display:block; width:16px; height:16px; background:url("/images/svg/ic_bluechip.svg") no-repeat center; top:-3px; right:-3px; z-index:2;}
span.wh_colName {
    margin-left:8px; font-size:18px; font-weight:900; color:#000;
    width:calc(100% - 40px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

.wd {margin-left:28px;}
.wd_top {margin-bottom:8px; flex-wrap:nowrap;} .wd_top > div:not(:last-child) {margin-right:8px;} 
.wd_top > div {width:341px; min-height:107px; position:relative; display:flex; flex-direction:column; justify-content:center;}
.wd_top > div, .wd_bottom > div {background:#f4f6fb; padding:14px 20px; border-radius:4px;}
.rank_wh {position:absolute; top:14px; right:14px; background:#d4d4ff; font-size:14px; font-weight:900; color:#423ea3; padding:0 4px; border-radius:8px;}
span.PriceChage_rate {font-size:24px; font-weight:900; color:#000; margin:0; line-height:24px;}
#pricechange {margin-top:8px;} span.pcr {height:20px; margin-right:8px} .pcr img {height:100%;}
.day_wh {margin:2px 0;}
.day_wh > span {background:#e5e5e5; padding:0px 6px; border-radius:8px;}
.day_wh div {font-weight:900; color:#000; font-size:13px;} .day_wh div span.pcr {height:14px; margin-right:5px;}
.wd_bottom {display:flex;} .wd_bottom > div {min-width:250px; display:flex; flex-direction:column;} .wd_bottom #pricechange {margin:5px 0;}
.wd_bottom span {font-size:13px;} .wd_bottom span.pcr {height:16px;} 
.wd_bottom span.PriceChage_rate {font-size:17px; line-height:17px;} .wd_bottom span.PriceChage_rate.activ {color:#544dff; margin-right:6px;}
.relate {display:flex;} 
.relate span:nth-child(2) {width:28px; height:28px; background:url("/images/svg/ic_connect.svg") no-repeat center;}
.relate_wh span:nth-child(2), .contract_wh span:nth-child(2) {font-weight:900; color:#000; margin-right:0;}
.relate_wh::before, .contract_wh::before {content:'';  width:18px; height:18px; margin-right:7px;}
.relate_wh::before {background:url("/images/svg/whale_tale.svg") no-repeat center;}
.contract_wh::before {background:url("/images/svg/ic_contracts.svg") no-repeat center; margin-top:4px;}

.WS, .wnftinfo ul li {width:100%; display:flex; justify-content:space-between;}
.WS, .WI {flex-wrap:wrap;}
.WM {margin:20px 0;} 
.WM > li {display:inline-block; padding-right:16px;}
.WM > li.on {font-weight:900;}
.wFavor {height:24px; color:#3f369e; background:#fff; border-radius:4px;}
.wFavor:hover, .wFavor:focus {background:transparent; color:#fff;}
.wFavor a {line-height:24px; margin:0 8px;} 
.wFavor a::after {
    content:""; width:6px; height:4px; transform: rotate(-90deg); margin-left:8px;
    background:url("/images/svg/ic_head_down_no_boundary.svg") no-repeat center; background-size:cover;
}

.WI, .wRI {display:flex; align-items:flex-start;}
.WI {position:sticky; top:80px; z-index:100; background:#fff; padding-bottom:20px; justify-content:space-between;}
.WI .outer {position:relative; margin:10px 0;}
.filterInput.w {height:42px; padding:0 18px 0 50px; width:300px;}
.wInput {height:42px; border-radius:4px; min-width:calc(100%/3 - 30px); text-align:left; padding:0 14px; background:#fff;}
.wInput:first-child {width:250px;}
.wRIc {display:none;} .wRI .outer:not(:last-child) {margin-right:8px;}
.wRI .outer::after {
    content:""; display:block; width:8px; height:6px; position:absolute; top:21px; right:14px;
    background:url("/images/svg/ic_head_down_no_boundary.svg") no-repeat center;
}
.countingCategory {
    position: absolute; width:20px; height:20px; right:28px; top:50%; transform:translateY(-50%); display:none; border-radius:50%; padding:2px;
    color:#fff; font-size:13px; font-weight:900; text-align:center; line-height:20px;
    background-image: linear-gradient(to bottom, #3f369e, #3bc1ff); 
}
Input[name="catecheck"]{width:0;}

.WC {display:flex; align-items:flex-start; width:100%;}
.wc{position:sticky; top:160px; padding:25px; border-radius:4px; background:#f4f6fb; width:250px; max-height:calc(100vh - 235px); margin-right:28px; transition:width .3s ease;}
.wc h2 {margin-bottom:0;}
.wc button {position:absolute; top:30px; right:20px; background:url("/images/svg/chevron_left.svg") no-repeat center; width:20px; height:20px;}
.wc button.on {left:35px; transform:rotate(180deg); transition-duration:.3s;} 
.wcardbox.on {width:calc(100% - 111px);}
.colLi.on {margin-top:50px;} .colLi.on li {padding:0;} .colLi.on li span {display:none;}
.wcbt {display:block; transition:display .3s ease;}
.wcbt.on {display:none;} .wcbt2.on {width:33px;}
#colSh {position:relative;} 
#colSh::before {
    position:absolute; top:30px; left:8px;
    content:""; display:block; width:20px; height:20px; background:url("/images/svg/ic_magnify.svg") no-repeat center;
}
input.colSearch{margin:20px 0; border-radius:4px; height:40px; width:100%; padding-left:38px; color:#000; box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);}
input.colSearch:focus {box-shadow: 0 0 10px 0 rgba(0,0,0,0.12);}
.colLi {max-height:calc(100vh - 360px); overflow-y:scroll;}
.colLi::-webkit-scrollbar {width:0;}
.colLi li {width:100%; line-height:40px; padding:0 8px; border-radius:4px;} .colLi li:hover {background:#fff;}
.colLi li span:nth-child(2) {margin-left:14px; font-weight:900; width:114px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.colLi li span:last-child:not(.check_w > span, .actmp) {text-align:right; width:58px; margin-left:14px; overflow:hidden;}
.colLi li span:not(.check_w > span) {transition:display .3s ease;}
.check_w {position:absolute; width:30px; height:30px; background-color:rgba(0,0,0,0.4); z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; display:none;}
.check_w span {display:block; width:14px; height:14px; background:url("/images/svg/ic_check.svg") no-repeat center; opacity:1; margin:8px auto; background-color:#009ce5; border-radius:50%;}
.colLi li.active span:nth-child(2):not(.actmp) {color:#3bc1ff;} .colLi li.active .check_w  {display:block;}

#wfilter {font-weight:900; font-size:14px; flex-wrap:wrap; margin:0 10px; padding-bottom:18px; display:none;}
#wfilter div:not(.wh_col, .colPro), .ww {margin-right:14px;} .filters {flex-wrap:wrap;} .filters > div {margin:3px 0;}
.colfil, .catefil {color:#423ea3; background:#d4d4ff; padding:4px 14px; border-radius:4px; margin:0 8px;}
.colfil span:last-child, .catefil span:last-child {cursor:pointer;}
.catefil .colPro {margin:0; margin-right:8px;}
.catefil .colPro, .catefil .wh_col {width:16px; height:16px;}
.wfilterClear {color:#423ea3; cursor:pointer;}

.wBtt {justify-content:space-between;}
.wcardbox {padding:30px 14px; border:1px solid #efefef; border-radius:16px; width:calc(100% - 327px - 28px);}
.wnfts {display:flex; flex-wrap:wrap;}
.wcard {width:calc(100%/4 - 16px); margin:8px 8px; border-radius:10px; background:#fff;} .wcard img {border-top-left-radius:10px; border-top-right-radius:10px;}
.wnftinfo, .wBtt {padding:14px 18px;} .wnftinfo ul {margin-top:8px; cursor:default;} .wnftinfo ul li {width:100%; margin:4px 0; cursor:default;}
.wnftinfo .ctitle {width:100%; cursor:pointer;}
.wnftinfo .bubble_wrap {position:relative;} .wnftinfo .bubble {z-index:100; max-width:230px; height:auto; word-break: break-all;}
span.wrank {color:#423ea3 !important; font-weight:900;}
.wrank::before {content:""; display:block; width:16px; height:16px; margin-right:4px; background:url("/images/svg/ic_bluechip.svg") no-repeat center;}
.ic_wpr img {width:16px; height:16px; margin-right:4px;}
.wnftinfo span {font-size:14px; color:#989ca7;} .wBtt span {font-weight:900; cursor:pointer;} .wBtt span.disable {cursor:not-allowed; color:#989ca7;}
.wIcons .colPro, .wIcons .topCol {width:28px; height:28px;} .wIcons .wh_col {width:25px; height:25px;} .wh_col img {border-radius:50%;} .wIcons span.w_heart {width:30px; height:24px;}
.wIcons .colPro {margin-right:8px;}
.w_cart::before {content:""; display:block; width:26px; height:26px; background:url("/images/svg/ic_cart.svg") no-repeat center; margin-right:8px;}
.w_cart.disable::before {content:""; display:block; width:26px; height:26px; background:url("/images/svg/ic_cart_disabled.svg") no-repeat center; margin-right:8px;}
.wcard:hover {box-shadow: 0 0 20px 0 rgba(0, 12, 43, 0.13);}
.w_cart:not(.disable):hover {color:#3bc1ff;}

.bttOn.w {height:240px; overflow-y:scroll;}
/* scrollbar Custom */
.bttOn.w::-webkit-scrollbar {width:12px;}
.bttOn.w::-webkit-scrollbar-track {background-color:transparent; border-radius:6px;}
.bttOn.w::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #3f369e, #3bc1ff); width:100%;
    border-radius:6px; background-clip:padding-box; border:2px solid transparent;
}
.bttOn.w > li {position:relative;} 
.bttOn.w > li span {position:absolute; width:10px; height:10px; border-radius:50%; background-color:#3bc1ff; box-shadow:0 0 10px 0 #3bc1ff; right:14px; display:none;}
.bttOn.w > li span.on {display:block;}
.bttOn.w > li::before {content:""; display:block; width:16px; height:16px; margin-right:14px;}
.wgame::before {background:url("/images/svg/ic_game.svg") no-repeat center;}
.wcollect::before {background:url("/images/svg/ic_heart_boundary.svg") no-repeat center; background-size:cover;}
.wpfp::before {background:url("/images/svg/ic_pfp.svg") no-repeat center;}
.wart::before {background:url("/images/svg/ic_art.svg") no-repeat center;}
.wmeta::before {background:url("/images/svg/ic_metaverse.svg") no-repeat center;}
.wdefi::before {background:url("/images/svg/ic_defi.svg") no-repeat center;}
.wip::before {background:url("/images/svg/ic_ip.svg") no-repeat center;}
.wsocial::before {background:url("/images/svg/ic_social.svg") no-repeat center;}
.wmusic::before {background:url("/images/svg/ic_music.svg") no-repeat center;}
.wutil::before {background:url("/images/svg/ic_utility.svg") no-repeat center;}
.wland::before {background:url("/images/svg/ic_land.svg") no-repeat center;}
.wdomain::before{background:url("/images/svg/ic_domain.svg") no-repeat center;}
.wsports::before {background:url("/images/svg/ic_sports.svg") no-repeat center;}
.wphoto::before {background:url("/images/svg/ic_photography.svg") no-repeat center;}

.buying_w {display:flex; margin-top:14px;} .Overay._wh {width:auto;}
.buying_w figure {width:250px;} .buying_w .ctitle {font-size:25px;} .buying_w > div {margin-left:14px;}  .buying_w img {border-radius:16px;}
.buyinginfo {display:flex; flex-direction:column; justify-content:space-between;}
.buyinginfo div:last-child {display:flex; justify-content:space-between;} .buyinginfo div img {margin-right:4px; width:25px;}
.buyinginfo p {font-size:14px;padding:4px;}
.buyinginfo div:last-child span:first-child {font-weight:900; color:#989ca7;} .buyinginfo div:last-child span:last-child {font-weight:900; color:#000;}
.buyinginfo div:last-child span:last-child::before {content:''; display:block; width:20px; height:20px; background:url("/images/svg/ic_eth_no_boundary.svg") no-repeat center; background-size:contain;}
.outer._wh {margin-top:14px;} .outer._wh button {height:42px; text-align:center; color:#fff; width:100%;}
.outer._wh.disabled {filter: grayscale(100%) opacity(0.5);}
.outer._wh:not(.disabled):hover {background-image: linear-gradient(to right, #0d0091, #009ce5);}
.outer._wh.disabled button{cursor:not-allowed;}
/* whale_detail_끝 */


/* ad_popup */
.ad_pop {position:absolute;  top:80px; right:30px; width:600px; box-shadow: 0 6px 12px 0 rgba(117, 122, 138, 0.2);}
.ad_pop.ad_2 {top:100px; right:50px;}
.poptop {position:absolute; top:0;z-index:11; width:100%; background:#000;}
.poptop a {color:#fff;  margin:3px 10px; text-align:right;}
.link_eventpage { position: absolute; background-image: url("/images/main/pop2_btn(EN).png"); background-repeat: no-repeat; 
    background-size: cover; margin: 0 29%; width: 42%; height: 6.65%; top: 74%; border-radius: 10rem;}
.link_eventpageKR { position: absolute; background-image: url("/images/main/pop2_btn(KR).png"); background-repeat: no-repeat; 
    background-size: cover; margin: 0 29%; width: 42%; height: 6.65%; top: 74%; border-radius: 10rem;}

/* banner */
.rBanner {margin-top:40px;}
/* ad_banner */
.under_ad {
    position:fixed; bottom:-108px; left:50%; transform:translateX(-50%); z-index:11111;
    width:calc(100% - 303px); opacity:0; border-radius:4px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
}
.under_ad a:first-child {position:absolute; top:0; right:0; width:14px; height:14px; z-index:1;  cursor: pointer; background:#fff; text-align:center; line-height:8px; opacity:.8;}
.under_ad a:first-child:hover {opacity:1;}
.under_ad img {border-radius:4px; width:100%;}
.under2 {display:none;}

/* 공통 display속성 */
.on {display:block;}


/*events*/
.events_Content { width: 1400px; }
/*사용하지 않는 상단 메뉴 style*/
.soonMenu { color: #989ca7;}

/*airdrop 메뉴*/
.airdrop>div>label {margin-bottom: 0px;}
.airdrop_Content {width: 100%; margin-left: 16px; }
.eltCard{cursor: default; width:100%; border-radius: 10px;}
.eltCardWrap {position: relative;}
.elt_layer {cursor:default; display:flex; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:85%; height:90%; color: #fff;}
.elt_layerInner {display: flex; flex-direction: column; justify-content: space-between; width:100%;}
.elt_timer {font-size:35px; text-align:center;}
.elt_count>i {font-size:45px; font-weight:700; text-align:left;}

/*referral css*/
.rf_table { flex-direction: row; margin-bottom: 50px;}
.rf_table, .rf_dash { display: flex;  width: calc(100% - 100px); padding: 0 50px; justify-content: space-around; background-color: #f7f7f7; border-radius: 10px;}
.rf_code, .rf_share {padding: 20px 0; height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}

/*수정 >기존에 있었던 코드를 수정하였습니다(accountset>referral 버튼에서 사용) */
.filebox2.code_out {margin-bottom: 0px; display: flex; flex-direction: row;}

.rf_sharecon, .rf_sharecon>a { display: flex; flex-direction: row; align-items: center; }
.rf_Link>img, .rf_QR>img {width: 40px;}
.rf_code>div>span, .rf_share>div>span, .rf_dash>div>span{font-size: 20px;font-weight: 700;}
.rf_sharecon>a {cursor: pointer;}
.rf_Link {margin-right: 100px;}

.rf_Link, .rf_QR {padding: 5px 0; width: 150px; justify-content: center; background-color: #fff; border-radius: 50px; font-size: 14px; line-height: 1.5; border: 1px solid #cdd1db;}
.rf_QR {display: flex; flex-direction: row; justify-content: center; align-items: center; color: #000;}
.rf_Link:hover, .rf_QR:hover {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.1); color:#3bc1ff;}

.rf_gradient {width: 100%; background: linear-gradient(to right, #3f369e, #3bc1ff  ); height: 2px; margin-top: 5px; }


/*rf_대쉬보드*/
.rf_dash{ background-color: unset; border: 1px solid #cdd1db; flex-direction: column; margin-bottom: 50px;}
.rf_dash>div { padding: 20px 0; margin-right: auto;}
.rf_dash>div>span{text-align: left; width: 100%; }

.rf_ds_Detail {display: grid; grid-template-columns: 1fr 1fr; width: 100%; column-gap: 200px;}
.rf_ds_Total div,.rf_ds_Total,.rf_ds_data, .rf_ds_data>div {display: flex; flex-direction: row; width: 100%; align-items: center;}
.rf_ds_Total img {width: 20px;}
.rf_ds_Total span, .rf_ds_data span { align-items: center;  padding: 10px;}
.rf_ds_Total input, .rf_ds_data input {width:30%; text-align: right; font-weight: bold; background-color: unset;}

/*합계 데이터*/
.rf_chart { width: 100px; height: 100px;}
.rf_chartColor_1,.rf_chartColor_2 {width: 10px; height: 10px; background-color: #3bc1ff; padding: 0 0 !important;}
.rf_chartColor_2{background-color: #3f369e;}
 
/*Referral History*/
.rewardStory.rf_history {width: 100%; }
.m.rf_list>li {box-shadow: none !important;}
.boardpage.rflist_page {margin: 20px auto;}
.boardpage.rflist_page>span {font-size: 14px; font-weight: bold; padding: 0 8px;}
/*추가*/
.outer.fil.qr_btn {background-image: none; border: 1px solid #cdd1db; border-radius: 50px;}
.ex_file.pwChangeBtn.rf_QR:hover{ background-image: none;}
.rfp {display: none;}
.qr_img{ width: 300px; height: 300px; background-color: #e9e9e9; margin: 0 auto; position: relative; border-radius: 10px; overflow: hidden;}
.pwch_popupBtn.pwch_area.rf_popBtn div, .pwch_popupBtn.pwch_area.rf_popBtn button {width: 100%;}
.pwch_popupBtn.pwch_area.rf_popBtn {margin-top: 30px;}

.fr_popShow {display: block;}

/*고래 페이지*/
.wh_main>section:nth-child(1){display: flex;}
.whales_top{display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 50px;}
.wh_nftRank {width: 300px; height: 40px;}
.nftRank_wrap {display: flex; align-items: center; width: 400px; justify-content: space-between;}
.wh_listWrap > li {display: none;}
.wh_listWrap > li.on {display: block;}
.wh_listWrap.on {display: block; border:1px solid #f1f1f1;}
.wh_listWrap.on li {display: block;}
.wh_listWrap.on li:hover {background-color: #f8fafe;}
.wh_listWrap.on li.on {font-weight: bold;}
.list_wrap {padding: 3px; background-image: linear-gradient(to right, #3f369e, #3bc1ff); border-radius: 4px;}
.list_wrap li{display:none; padding: 6px; background-color: #fff; border-radius: 4px;}
.list_wrap li.on{display:block}
#timer_search{position:relative; width:150px;}
.list_wrap.on{border:1px solid #f1f1f1; width:150px; display:block}
.list_wrap.on li{display:block}
.list_wrap.on li:hover{background:#f1f1f1}
.list_wrap.on li.on{font-weight:bold}
.view{display:none; position:absolute; left:0; top:0; z-index:99; font-size:13px; font-weight:bold}
.view.on{display:block}
.wh_table td{padding:14px 10px;}
.wh_table{margin-top: 21px;}
.top_holding{display: flex; justify-content: center;}
.holder_nm{padding: 3px 0;}
.mo_fix {display: none; cursor: pointer;}
.wh_nft {background-color: #f8fafe;}
.wh_nftlist {width: calc(100% - 120px);margin-left: 95px; display: none;z-index: 99999; position: absolute; background-color: #f8fafe;margin-top: 200px; padding: 0 10px; border-radius: 4px; display: none;}
.wh_nftRank.outer.sortby:hover .wh_nftlist{display: block; }
.wh_nft span {white-space: nowrap; margin-right: 10px; font-weight: bold; }
.wh_nft>div>ul:nth-child(2) {margin-left: 10px; width: 100%;}
.wh_nft>div>ul:nth-child(3) {text-align: right;}
.wh_nft li, .wh_nft span {line-height: 40px; color: #000;}
.rewardDetail.wh_table th{white-space: nowrap;}
.rewardsList.whalesList {display: flex; width: 100%;}
.rewardDetail.wh_table {width: 280px;}
/* .rewardDetail.wh_table_left {width: 1500px; margin-top: 20px;} */
.rewardDetail.wh_table_left {width: 100%; margin-top: 20px;}
.rewardDetail.wh_table_left td{font-size: 16px;}
.whlist_holder a{font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nfix_whTable {width: 1100px; overflow-x: scroll; }
.nfix_whTable td {height: 30px;}
.nfix_whTable::-webkit-scrollbar {width:2px;}
.nfix_whTable::-webkit-scrollbar-track {background-color:transparent; border-radius:6px;}
.nfix_whTable::-webkit-scrollbar-thumb { background-color: grey; width:20%; border-radius:10px; background-clip:padding-box; border:5px solid transparent;}
.wh_main {margin-top: 40px; width: 100%;} 
.m >.rewardsList.whalesList{padding:unset;}
.whlist_ic>div{display: flex; width: 100%; justify-content: space-evenly;}
.whlist_ic img, .whic_none{width: 20px; height: 20px;}
.detailList {font-weight: normal;}
/*홀더 아이콘*/
.whlist_holder.imageSize {display: flex; justify-content: center; width: 30px; height: 30px; margin-left: 10px;}
.wh_holderimg > img{background-image: linear-gradient(#fff, #fff),  linear-gradient(to right bottom, #a2caff 0%, #b2ffde 25%, #fbe46e 50%, #ffc9c9 75%, #a88dc5 100%);
background-origin: border-box; background-clip: content-box, border-box; border: 2px solid transparent;}
/*블루칩*/
.whic_blue {width: 30px; height: 30px; border-radius: 50px; overflow: hidden; margin: auto; }
.bulechip {width: 15px; height: 15px; top: -2px; right: -9px; position: absolute; z-index: 2; cursor: pointer;}
.bulechip img {width: 100%;}
.whlist_holde {width: 100%;}
.whlist_holder { height: 30px; position: relative; display: flex; justify-content: center; cursor: pointer;}
/*페이지 버튼*/
.boardpage.rflist_page {display: flex; justify-content: center; cursor: default;}
.boardpage.rflist_page a {cursor: pointer; padding: unset; width: 15px; height: 15px; background-color: #e3f6ff; border-radius: 50%; margin-left: 10px;}
#page_click{background-color: #3bc1ff; cursor: default;}
/*주목할만한 컬렉션 슬라이드*/
.col_link{width: 100%0; height: 100%;}
.notable_section {margin-top: 250px; text-align: center; top: 150px; position: relative; width: 1400px; margin: 0 auto; overflow: hidden;}
.notable_section>span{font-size: 30px; font-weight: bold;}
.visual {position: absolute; left: 0; top: 0; padding: 40px 0;}
.col_slide{width: 400px; height: 600px !important; margin: 20px; background: #ccc; float: left; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; cursor: pointer;}
.collection_1 {width: 100%; height: 600px; background-repeat: no-repeat; background-size: cover; display: flex; align-items: flex-end;}
.col_slide:hover {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.13);}
.collection_1 span {padding: 10px; font-size: 30px; font-weight: bold; color: #fff; text-align: left;}
.visual.slick-initialized.slick-slider {display: flex;  margin-top: 50px;}
.slick-list.draggable{width: 1280px; margin: 0 auto;}
.col_slide img {width: 100%; height: 100%;}
.slick-arrow {font-size: 0; color: transparent;}
.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-delay: 10ms;}
.slick-cloned { z-index: 0;}
.slick-current { z-index: 0;}
.slick-list {z-index: 0;}
/*슬라이드 버튼*/
.slick-prev{background-image: url('/images/icons/ic_prev_1.svg'); background-repeat: no-repeat; background-size: cover; top: 50%;}
.slick-next{background-image: url('/images/icons/ic_next.svg'); background-repeat: no-repeat; background-size: cover; right: 0; top: 50%;}
.visual button {width: 40px; height: 40px; margin: auto 0; z-index: 5; position: absolute;}
/*툴팁*/
.tooltip {position: relative;}
.tooltip .tooltiptext {display: flex; flex-direction: column; width: 200px;height: 60px;word-break: break-all; visibility: hidden; background-color: #989898; color: #fff; font-size: 12px; 
padding: 5px 2px; border-radius: 6px;  position: absolute; z-index: 3; bottom: 90%;
opacity: 0; transition: opacity 0.3s;}
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px;
border-style: solid; border-color: #989898 transparent transparent transparent;}
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}
/*tool_detail 보여지는 내용 - 보여지지 않는 것이 기본값*/
.tool_detail {display: flex; justify-content: center; flex-wrap: wrap; margin: 5px 0;}
.tl_text1,.tl_text2,.tl_text3{padding: unset!important; justify-content: unset!important; line-height: 0!important;}
.tl_text1 span{color: #3f369e; font-size: 14px;}
.tl_text2 span{color: #3be4ff; font-size: 14px;}
.tl_text1.off, .tl_text2.off{display: none !important;} 

/*whales_Rank*/
.wh_btn{height: 35px; display: flex; align-items: center; width: calc(100% - 28px);}
.wh_outer {width:400px;}
.wh_prRank {margin-left: 20px;}
.wh_prRank ul{display: flex; justify-content: space-between; width: 250px; align-items: center;}
.wh_prRank>ul>li>i, .wh_prRank>ul>li>a {color: #000;}
.wh_prRank>ul>li i {font-weight: bold;}
.wh_prRank>ul>li a {width: 150px; text-overflow: ellipsis; overflow: hidden;}
.wh_subRank { display: flex; flex-direction: column;}
.wh_subRank li{justify-content: space-between;}
.bttOn.chains.rankSlide.wh_tap{z-index: 6; position: absolute !important; width: 400px; height: 560px;}
.wh_tap span{width: unset !important;}
.rankIcon {display: flex; justify-content: center; overflow: hidden;}
.rankIcon>img {width: 25px; border-radius: 50%;}


/*헤더-게이트 아이오 시세*/
.logo_Wrap { display: flex;}
.market_live>a, .market_live>p {margin-right: 10px;}
.gateBtn { border-radius: 4px; padding: 5px 5px;}
.gateBtn:hover {box-shadow: 0 0 10px 0 rgba(0, 12, 43, 0.1);}
.elt_gateio {width: 100px;}
/*t수정 :  color #666666 변경*/
/* .market_live>p {color: #666666; padding: 0 10px; border-right-style:solid; border-right-color: #e9e9e9; border-width: 1px;} */
.market_maintext.market_dw.marTxt_left{padding-right: 10px; border-right: 1px solid #e9e9e9;}
.market_per.market_maintxt{ padding-right: 10px; }
.market_live {display: flex; text-align: center; align-items: center; margin-left: 40px;}
.market_per { padding-top: 12px; display: flex; flex-direction: column;}
.market_per>span {font-size: 10px;}
.market_maintext{font-weight: bold;}
.market_subtext {color:#989ca7;}
.market_up {color:#11AD7A;}
.market_dw {color:#E64E62;}
/* .mo_marSubtxt {font-size: 10px;} */

/*모바일 게이트 아이오 시세*/
.moELT{display: none; flex-direction: column; justify-content: center;}
.moelt_gateio{width: 70px;}
.moMarketWrap {display: flex; font-size: 10px;}
.moMarketWrap>p {margin-right: 5px;}
.elt_per {display: flex;}
.elt_rankdown, .elt_rankup, .elt_morankdown, .elt_morankup {margin-left: 5px; display: flex; align-items: center;}
.elt_rankup::before, .elt_rankdown::before { content: ''; display: block; width: 6px; height: 4.5px; margin-right: 4px;}
.elt_morankup::before, .elt_morankdown::before {content:''; display:block; width:4.5px; height:3px; margin-right:4px;}
/*수정 : svg 따로 부여*/
.elt_morankup::before, .elt_rankup::before {background:url("/images/svg/ic_head_up_main.svg") no-repeat center; }
.elt_morankdown::before, .elt_rankdown::before {background:url("/images/svg/ic_head_down_main.svg") no-repeat center; background-size:cover;}


/* EDEN Horse 1st Generation Dam Pre-sale */
/* web-font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;700;900&display=swap');

@font-face {
    font-family: 'LINESeedKR-Bd';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* content */
.preSaleWrap {
    background:#000; font-family:'Noto Sans KR', sans-serif; color:#fff; overflow:hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.opendrag {
    -webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
    color:#ffdfb2;
}

.preSaleMenuWrap {position:absolute; top: 20.5%; left:30px; z-index:2; border-radius:4px; width:180px; margin-left:30px;}
.preSaleMenuWrap h3 {font-size:28px; margin-bottom:8px;}
.preSaleMenu li {font-size:16px; line-height:35px; text-align:left;}
/* .preSaleMenu li:first-child {font-family:'spinwerad Bold';} */
.preSaleMenu li.on {color:#ffdfb2;}
.preSaleMenuWrap .preSaleMenu li.on::before {content:""; display:block; width:20px; height:37.5px; background:url("/images/pre-sale/arrow_01.png") no-repeat center; position:absolute; left:-28px;}

.preSaleContent {display:none; align-items:center; justify-content:center; height:100vh;}
.preSaleContent.on {display:flex;}
h1.preSaleSubtitle {font-size:40px !important; color:#ffdfb2; text-align:center;}

/* menu_mo */
.preSaleMenuWrap_mo {position:absolute; width:120px; text-align:center; right:40px; top: 90px; z-index:99; display:none;}
.preSaleMenuWrap_mo > .preSaleMenu {display:none; background:rgba(0,0,0,.9); padding:4px; border-radius:4px;}
.preSaleMenuWrap_mo h3 {text-align:right;}
.preSaleMenu.on {display:block;}

/* main */
.preSaleContent.page0 {height:auto; flex-direction:column;}
.section1 {width:100vw; height:100vh;}
.preSaleCon1Bg {display:flex; justify-content:space-between; align-items:flex-end; width:100vw;}
.preSaleCon1Bg_01 {width:65vw; height:100vh; background:url("/images/pre-sale/mainImg_01.png") no-repeat left; background-size:cover;}
.preSaleCon1Bg_02 {position:absolute; right:0; overflow:hidden;}
.preSaleCon1Bg_02 img {animation:bgMove 3s ease; transition-duration:3s;}
.preSaleTitle {position:absolute; z-index:1; top:50%; left:200px; transform:translateY(-50%);}
.preSaleTitle_01 {text-shadow:4px 4px 4px rgba(0,0,0,.5);}
.preSaleTitle_02 {margin-top:60px;}
.preSaleContent h1 {font-size:70px; line-height:75px; letter-spacing:5px; font-weight:900;}
.preSaleContent h1:nth-child(2) {color:#ffdfb2;}
.preSaleContent p {font-size:16px; font-weight:100; line-height:20px; letter-spacing:5px;}
p.preSalePeriod {font-size:28px; letter-spacing:10px; margin-top:15px; word-break:keep-all; word-wrap:break-word;}
p.preSalePrice {font-size:23px; font-weight:700; margin:10px 0;}
.spinwerad {font-size:110px; line-height:110px; font-weight:900; word-break:keep-all; word-wrap:break-word;}
.section2 {width:100%; height:100vh; max-width:900px; display:flex; flex-direction:column; justify-content: center; text-align:center;}
.section2 h1 {font-size:30px !important; line-height:50px; color:#ffdfb2;}
.videobox {position:relative; width:100%; height:auto; padding-top:50%;}
.videobox iframe {position:absolute; top:0; left:0; width:100%; }


@keyframes bgMove {
    0% {transform:translateX(100px); opacity:0;}
    100% {transform:translatex(0); opacity:1;}
}

/* pre-sale */
.page1 {flex-direction:column; text-align:center; margin-top:50px;}
.page1 .preSaleSubtitle {display:none;}
.page1 .preSaleSubtitle.on {display:block;}
.bigThumb {display:none; align-items:center;} 
.bigThumb.on {display:flex; justify-content:center;}
.bigThumb img {border: 1px solid rgba(255,224,179, .1);}
.preSaleCard {width:calc(100% - 700px); margin:0 auto;}
.horseTables {display:flex;}
.horseTable {margin:0 10px; text-align:left;}
.horseTable tr td {color:#fff;}
.horseTable tr td:first-child {width:150px; background:linear-gradient(to right, rgba(177,131,18,1), rgba(171,13,18,0)); border-radius:2px; padding: 4px 0 4px 4px;}
.preSaleSoldOut {position:relative; margin:30px 20px;}
.preSaleSoldOut:not(.notyet)::before {content:""; display:block; position:absolute; width:100%; height:100%; background:url("/images/pre-sale/soldOut.png") no-repeat center; background-size:contain; z-index:1; top:0; left:0;}
.smallThumb {display:flex; justify-content:center; width:1020px; margin:0 auto;}
.smallThumb li {width:calc(100% / 5 - 20px); margin: 0 5px 30px 5px; height:90px; border:1px solid rgba(177,131,18, .5); opacity:0.5; line-height:90px;}
.smallThumb li:hover, .smallThumb li.on {opacity:1;}
.smallThumb li.kp {background:url("/images/pre-sale/Bigcuba.png") no-repeat center; background-size:contain;}
.smallThumb li.christano {background:url("/images/pre-sale/bigCHRISTIANO.png") no-repeat center; background-size:contain;}
.smallThumb li.ew {background:url("/images/pre-sale/bigEastWind.png") no-repeat center; background-size:contain;}
a.applyPreSale {font-family:'Noto Sans KR', sans-serif; font-size:24px; font-weight:700; line-height:35px; color:#ffdfb2; display:flex;}
a.applyPreSale::after {content:""; display:block; width:40px; height:40px; background:url("/images/pre-sale/bigarrow_02.png") no-repeat center; margin-left:8px; transform:rotate(180deg);}
a.applyPreSale::before {content:""; display:block; width:40px; height:40px; background:url("/images/pre-sale/bigarrow_02.png") no-repeat center; margin-right:8px;}
a.applyPreSale:hover {color:#fff;}

/* How to Purchase? */
.preSaleContent.page2 {justify-content:flex-start; align-items:center; margin-top:15px; position:relative;}
section.howToPurchase {text-align:center; margin-left:260px;}
.page2 > .bigEastWind {margin-left:80px; margin-top:100px;}

/* Benefits */
.page3 {flex-direction:column;}
.preSaleBenefits {font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:100;}
.preSaleBenefits li {margin-left:40px;  display:flex; align-items:center; margin:10px 0;}
.preSalebenefit::before {content:""; display:block; width:180px; height:125px; margin-right:40px;}
.benefits01::before {background:url("/images/pre-sale/benefits01.png") no-repeat center;}
.benefits02::before {background:url("/images/pre-sale/benefits02.png") no-repeat center;}
.benefits03::before {background:url("/images/pre-sale/benefits03.png") no-repeat center;}
.benefits04::before {background:url("/images/pre-sale/benefits04.png") no-repeat center;}
.benefits05::before {background:url("/images/pre-sale/benefits05.png") no-repeat center;}
.page3 .bigEastWind {position:absolute; opacity:.2; bottom:2%; right:0;}

/* MUST READ */
.page4 {flex-direction:column; background:url("/images/pre-sale/mustReadBg.png") no-repeat right; position:relative;}
.preSaleMustRead {max-width:calc(100vw - 760px);}
.preSaleMustRead li {list-style: demical; font-size:16px; margin:15px 0; cursor:default; font-weight:100;}
.preSaleMustRead strong {display:block;}
.frame {position:absolute;}
.frame1 {top:190px; left:300px;}
.frame2 {bottom:115px; right:220px; transform:rotate(180deg);}
span.opendrag {font-weight:700;}

/* 마적사항 */
.horseprofile {margin: 40px 0; display: flex; flex-direction: column; align-items: center;}
.preSaleContent.page5 {overflow-y: scroll; flex-direction: column; margin-top:80px; justify-content: flex-start;align-items:center; height:auto;}
.page5 p{ letter-spacing: 2px; text-align: center;}
.horsePf {display: flex; flex-direction: column; width: calc(100% - 150px); justify-content: center; margin: 0 auto; padding: 50px;}
.horsePf div {padding: 40px 0;}
.family_detail {display: flex; flex-direction: column; align-items: center;}
.family_detail img {margin: 20px 0; width: 200px;}
.family_detail img, .img_horsePf {display: inline-block; content: ""; border-style: hidden; border: unset; border-width: 0px;}
.family_detail p { text-align: center;}
.userflow_pc {display: block;}
.userflow_tab, .userflow_mo {display: none;}
.list_horsePf{width: 82vw; text-align: center;}
.reward_horsepf { display: flex; flex-direction: row; width: calc(100% - 200px); align-items: center; justify-content: center; align-items: center;}
.list_horsePf>li h2 {font-size: 24px;}

.wrap_horsePf {margin-top: 150px;}
.detailText_horsePf {margin-top: 20px; width: 75vw; text-align: center;}

/* media */
@media screen and (max-width: 1600px) {
    /* main */
    .preSaleCon1Bg_01 {width:100vw;}
    /* How to Apply? */
    .page2 > .bigEastWind {width:45%;}
    /* Benefits */
    .page3 .bigEastWind {width:45%;}
    /* MUST READ */
    .frame1 {left:200px;}
    .frame2 {right:160px;}
    /* 마적사항 */
    .reward_horsepf {flex-direction: column;}
}
@media screen and (max-width: 1400px) {
    /* all */
    .preSaleMenuWrap {display:none;}

    /* main */
    .preSaleCon1Bg_01 {position:absolute; top:0;}
    .preSaleCon1Bg_02 {bottom:0;}
    .preSaleTitle {
        position:relative; top:0; left:15px; transform:translateY(0); 
        display:flex; flex-direction:column; width:calc(100vw - 30px); height:100vh; margin-top:280px;
    }
    p.preSalePeriod {letter-spacing:8px; line-height:30px;}
    /* howToPurchase */
    .preSaleContent.page2 {justify-content:center;}
    section.howToPurchase {margin-left:0;}
    /* pre-sale */
    .preSaleCard {width: auto;}
    /* MUST READ */
    .frame1 {left:40px;}
    .frame2 {right:40px;}
    .preSaleMustRead {max-width:calc(100vw - 300px);}
    /* mobile menu */
    .preSaleMenuWrap_mo {display:block;}
}
@media screen and (max-width: 1280px) {
    /* main */
    .preSaleContent {overflow-y:scroll;}
    .preSaleContent.page0 {margin-top:100px;}
    .preSaleTitle {margin-top:0;}
    /* 마적사항 */
    .userflow_pc {display: none;}
    .userflow_tab {display: block;}
}
@media screen and (max-width:1280px) and (max-height: 820px) {
    /* main */
    .preSaleContent {overflow-y:scroll;}
    .preSaleContent.page0 {align-items:flex-start; margin-top:100px; height:calc(100vh - 100px);}
    .preSaleTitle {margin-top:0;}
}
@media screen and (max-width: 1024px) {
    /* main */
    p.preSaleCopy {font-size:14px; line-height:18px; letter-spacing:3px;}
    .preSaleCon1Bg_02 {width: 45vw;} .preSaleCon1Bg_02 img {width:100%;}
    /* pre-sale */
    .preSaleContent.page1 {overflow-y:scroll;}
    .bigThumb {flex-direction:column; justify-content:center;}
    .horseTables {margin-bottom:30px;}
    .page1 {height:calc(100vh - 80px); margin-top:80px;}
    .preSaleContent.page1 {justify-content:flex-start;}
    .page1 > .preSaleSubtitle {margin:20px 0;}
    a.applyPreSale {margin-bottom:60px;}
    /* howToPurchase */
    img.howToPurchase {width:100%;}
    /* Benefits */
    .preSaleBenefits {margin:0 auto;}
    .preSaleBenefits li {flex-direction:column; align-items:center; text-align:center;}
    .preSaleBenefits li::before {background-size:contain; margin-right:0;}
    /* MUST READ */
    .preSaleMustRead {max-width:calc(100vw - 200px);}
    .frame1 {top:100px; left:15px;}
    .frame2 {bottom:20px; right:15px;}
    /* 마적사항 */
    .horseprofile>p {width: calc(100% - 150px);}
    .horsePf {margin: unset; align-items: center;} 
}
@media screen and (max-width: 1024px) and (max-height: 600px) {
    /* main */
    .preSaleContent h1, .page5 h1 {font-size: 48px; line-height:51px;}
    .preSaleContent h2 {font-size:70px; line-height:58px;}
    p.preSalePeriod {font-size: 18px; letter-spacing:1px; line-height:20px; margin-top:4px;}
    .preSaleTitle_02 {margin-top:80px;}
}
@media screen and (max-width:960px) {
    /* main */
    .spinwerad {font-size:88px; line-height:85px;}
}
@media screen and (max-width: 912px) and (max-height: 1368px) {
    /* main */
    .preSaleTitle {display:block; position:absolute; left:30px; width:auto; height:calc(100% - 120px); margin-top:120px;}
    .preSaleCon1Bg_02 {width:75vw;}
}
@media screen and (max-width: 820px) and (max-height: 1180px) {
    /* main */
    .preSaleTitle {display:block; position:absolute; left:30px; width:auto; height:calc(100% - 120px); margin-top:120px;}
    .preSaleCon1Bg_02 {width:80vw; height:690px; overflow:hidden;}
    /* 마적사항 */
    .family_detail p {width: 80vw}
    .reward_horsepf > .horsePf {margin: unset; width: 70vw;}
}
@media screen and (max-width: 768px) {
    /* main */
    .preSaleContent {overflow-y:scroll;}
    .preSaleContent h1 {font-size: 48px; line-height:51px;}
    .preSaleContent h2 {font-size:70px;}
    p.preSalePeriod {font-size: 18px; letter-spacing:1px; line-height:20px;}
    p.preSaleCopy {letter-spacing:1px;}
    .preSaleCon1Bg_02 {width:60vw; bottom:0;  height: auto;}
    .preSaleTitle {display:block; position:absolute; left:30px; width:auto; height:calc(100% - 120px); margin-top:120px;}
    .section2 {align-items:center;}
    .videobox {width:calc(100% - 30px);}
    /* pre-sale */
    .smallThumb {width:100%;}
    .smallThumb li {margin:0 5px; margin-bottom:20px; width:calc(100% / 3 - 20px);}
    /* howToPurchase */
    .preSaleContent.page2 {flex-direction:column; justify-content:flex-start; margin-top:150px; height:calc(100vh - 150px);}
    .page2 > .bigEastWind {width:80%;}
    /* Benefits */
    .preSaleContent.page3 {margin-top:80px; height:calc(100vh - 80px);}
    .preSalebenefit::before {width:120px; background-size:100%;}
    /* MUST READ */
    .preSaleMustRead {margin-left:15px;}
    img.frame1, img.frame2 {width:120px;}
    /* mobile menu */
    .preSaleMenuWrap_mo {top:70px; right:15px;}
    /* pre-sale */
    .smallThumb {width:100%;}
    .smallThumb li {margin:0 5px; margin-bottom:20px; width:calc(100% / 3 - 20px);}
}
@media screen and (max-width:630px) {
    /* pre-sale */
    .horseTables {flex-direction:column;}
    .horseTables {flex-direction:column;}
    .horseTable {margin:0; width:calc(100vw - 30px);}
    .horseTable {margin:0; width:calc(100vw - 30px);}
    .horseTable tr td:last-child {text-align:center;}
    .horseTable tr td:last-child {text-align:center;}
    .preSaleCard {display:flex; flex-direction: column-reverse;}
    .smallThumb li {margin-bottom:30px; margin-top:30px;}
    .preSaleSoldOut.notyet {margin:0 auto; margin-bottom:15px;}
    /* howToPurchase */
    section.howToPurchase {width:calc(100vw - 30px);}
    img.howToPurchase {width:100%;}
    /* Benefits */
    .preSalebenefit {font-size:14px; margin-left:20px;}
    .preSalebenefit::before {width:100px;}
    /* MUST READ */
    .preSaleMustRead {max-width:calc(100vw - 100px);}
}
@media screen and (max-width: 540px) and (max-height:720px) {
    /* main */
    .preSaleTitle {left:15px; margin-top:80px; height:calc(100% - 80px);}
    .preSaleTitle_02 {position:absolute; margin-top:0; bottom:30px;}
    .preSaleTitle_02 img {width:250px;}
    .preSaleCon1Bg_02 {width:70vw; bottom:60px; height:auto;}
}
@media screen and (max-height:1024px) {
    /* Benefits */
    .preSaleContent.page3 {justify-content:flex-start; margin-top:120px; height:calc(100vh - 120px);}
    /*마적사항*/
    .userflow_tab.horsePf {width: 73.242vw;}
}
@media screen and (max-height: 800px) {
    /* pre-sale */
    .preSaleContent {overflow-y:scroll;}
    .preSaleContent.page1 {margin-top:80px; height:calc(100vh - 80px);}
    /* howToPurchase */
    .preSaleContent.page2 {margin-top:120px; height:calc(100vh - 120px);}
    /* MUST READ */
    .preSaleContent.page4 {justify-content:flex-start; margin-top:80px; height:calc(100vh - 80px);}
    .frame1 {top:0; width:120px;} .frame2 {bottom: -110px;width:120px;}
    .page4 > .preSaleSubtitle {margin:60px 0;}
    .preSaleMustRead {margin-bottom:60px;}
}
@media screen and (max-width: 480px) {
    /* all */
    h1.preSaleSubtitle {width:100%; font-size:35px !important;}
    /* main */
    .preSaleCon1Bg {display:block;}
    .preSaleCon1Bg_02 {top:50%; transform: translateY(-45%); width:100vw;}
    .preSaleTitle {left:15px; margin-top:80px; height:calc(100% - 80px); width:calc(100vw - 30px);}
    p.preSalePeriod {font-size:16px; letter-spacing:0; margin-top:4px;}
    .preSaleTitle_02 {position:absolute; margin-top:0; bottom:30px;}
    .preSaleTitle_02 img {width:250px;}
    p.preSalePrice {font-size:20px; letter-spacing:3px; margin:6px 0;}
    .preSaleContent h1 {font-size:42px; line-height: 45px;}
    h2.spinwerad {font-size: 55px; line-height:55px;}
    /* pre-sale */
    .page1 h1.preSaleSubtitle, .page5 h1 {font-size:30px !important;}
    .page1 h1.preSaleSubtitle {font-size:30px !important;}
    .preSaleSoldOut {margin:0; margin-bottom:15px; width:calc(100vw - 30px);}
    .preSaleSoldOut {margin:0; margin-bottom:15px; width:calc(100vw - 30px);}
    .preSaleSoldOut img {width:100%;}
    .preSaleSoldOut img {width:100%;}
    .smallThumb li {margin:0 5px; margin-bottom:20px; width:calc(100% / 3 - 20px); height:65px; line-height:65px; padding:5px;}
    /* Benefits */
    .preSaleBenefits {width: calc(100vw - 30px);}
    /* MUST READ */
    .page4 {background-size:cover; background-position:center center;}
    .preSaleMustRead li {font-size:14px; text-shadow:1px 1px 1px rgba(0,0,0,1)}
    span.opendrag {width:100%; word-break:break-all;}
    /* 마적사항 */
    .reward_horsepf > .horsePf {width: 80vw;}
    .img_horsePf {width: 70vw;}
}
@media screen and (max-width: 380px) {
    /* main */
    .preSaleContent h1, .page5 h1 {font-size:40px; line-height:43px;}
    .preSaleContent h2 {font-size:60px; line-height:55px;}
    p.preSaleCopy {letter-spacing:0; font-size:12px; line-height:15px;}
    .preSaleContent h1 {font-size:38px; line-height:41px;}
    h2.spinwerad {font-size:48px; line-height:48px;}
    /* pre-sale */
    .page1 h1.preSaleSubtitle {font-size:25px !important; margin:0; margin-top:20px; margin-bottom:8px;}
    /* Benefits */
    .preSaleContent.page3 {justify-content:flex-start;}
    /* MUST READ */
    .preSaleMustRead {max-width:calc(100vw - 50px);}
}
@media screen and (max-width: 375px) and (max-height:667px) {
    /* main */
    .preSaleCon1Bg_02 {width:85vw; bottom:-50px;}
    /* MUST READ */
    .frame1, .frame2 {display:none;}
}
@media screen and (max-width: 320px) {
    /* main */
    .preSaleCon1Bg_02 {display:none;}
}