@charset "UTF-8";
@import url('fonts/fonts.css');
/* reset */
*{box-sizing:border-box;-moz-box-sizing:border-box;--webkit-box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'Pretendard', sans-serif;;font-weight:400}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
table{padding:0;border:0}
th,td{padding:0}
body,th,td,input,select,textarea,button{font-family:'Pretendard', sans-serif}
body,html{-webkit-text-size-adjust:none;font-size:10px;height:100%}
body{background:#eee;line-height:1.2;color:#000;word-wrap:break-word;font-weight:400;letter-spacing:-0.01em;overflow-x:hidden}
fieldset,img{border:0 none}
img{vertical-align:top}
a{text-decoration:none;cursor:pointer;color:#000;font-family:'Pretendard', sans-serif}
a:active,a:hover{text-decoration:none}
input,select,textarea,button{color:#000;vertical-align:top;cursor:pointer}
button{border:0 none;padding:0;background-color:transparent;cursor:pointer}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:300}
legend,caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
textarea{resize:none;outline:none}
input{outline:none}
input[type=text]::-ms-clear{display:none}
input[type='file']{--webkit-appearance:button;background:transparent;border-radius:0;border:0;cursor:pointer}
body{ -ms-overflow-style:none}
::-webkit-scrollbar{display:none}
input[type=password]{font-family:'Pretendard', sans-serif}
/* basic */
.hidden{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
#wrap{max-width:750px;margin:0 auto;min-height:100%;position:relative}
.contents{padding:130px 30px 70px}
.page{background-color:#fff;background-image:url(../../images/bg_site_page.png);background-size:cover;background-repeat:no-repeat}
.bgNone{background-image:none !important}
.header{z-index:99;position:fixed;left:50%;top:0;width:100%;margin-left:-375px;max-width:750px;padding:56px 15px 15px;display:flex;flex-direction:row;align-items:center; transition:background-color 0.3s ease}
.header h1{font-size:2.2em;height:22px;line-height:22px}
.header h1 span{font-weight:600}
.btn_prv{display:inline-block;width:20px;height:22px;background:url(../../images/btn_preview.png) center left no-repeat;background-size:9px 16px}
.header.scrolled{background:linear-gradient(to bottom, white 60%, rgba(255, 255, 255, 0) 100%)/*background-color:rgba(255,255,255,1)*/}
@media screen and (max-width:767px){
    .header{left:0;top:0;max-width:100%;margin-left:0}
    .footer{left:0;bottom:0;max-width:100%;margin-left:0}
}
/* login content */
.sign_up:after{content:'';z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../images/img_bg.png) no-repeat;background-size:cover;filter:blur(5px)}
.sign_up.join_page{background-color:transparent !important}
.sign_up.join_page:after{filter:none}
.sign_up .header{justify-content:space-between;padding:72px 28px 0}
.sign_up .header h1{font-size:3rem}
.sign_up .header h1 span{font-weight:400}
.sign_up .btn_prv{width:30px}
.sign_up .contents{padding:130px 28px 50px}

/* join_page */
.join_page{height:100%}
.join_page section,.join_page .contents{height:100%}
.join_page .contents{padding:40% 60px 30%}
.join_page .btn{height:60px;line-height:60px}
.join_area{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}

/* logo */
.site_logo{width:100%;display:flex;flex-direction:column;justify-content:center}
.site_logo p{margin-top:34px;font-size:2.2rem;font-weight:100;text-align:center}
.site_logo h1{text-align:center}
.site_logo img{height:66px}

/* main */
.main .contents{padding:50px 24px 88px}
.main .site_logo img{height:44px}
.main .total_assets{text-align:center;margin-top:28px} 
.btn_assets{display:flex;flex-direction:row;justify-content:center;margin-top:32px}
.btn_assets button, .btn_assets a{color:#8D52F2;font-size:1.1rem;display:inline-block;text-align:center;padding:7px 12px}
.btn_assets button span:before,.btn_assets a span:before{content:'';margin:0 auto 8px;display:block;width:34px;height:34px;background-image:url(../../images/ico_circle_arrow.png);background-repeat:no-repeat;background-size:100% 100%}
.btn_assets .btn_withdraw span:before{transform:rotate(-180deg)}
.btn_assets button + button,.btn_assets a + a{margin-left:22px}

/* deposit_status */
.site_title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.site_title span{font-size:1.8rem;font-weight:600}
.deposit_status{width:calc(100% + 48px);margin-left:-24px;margin-top:32px}
.deposit_status .site_title{padding:0 24px;line-height:20px}
.deposit_status .site_title span{font-size:2rem}
.deposit_status .status{margin:24px 0 0;display:flex;align-items:center;justify-content:center;background-color:#1F2937;height:34px;color:#CEB2FF;font-size:1.4rem;text-align:center;font-weight:600}
.deposit_status .status span +  span{margin-left:30px}
.deposit_status .status span:last-child{color:rgba(206, 178, 255, 0.8)}

.column_margin{margin-top:36px}
.column_margin .site_title{margin-bottom:24px}
.btn_detail{position:relative;font-size:1.4rem;;font-weight:500}
.btn_detail:after{content:'';display:inline-block;margin-left:5px;width:6px;height:10px;background:url(../../images/ico_arrow_right_small.png) center no-repeat;background-size:cover}

.si_progress .si_item{background-color:#8D52F2;padding:22px 24px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;letter-spacing:0}
.si_progress .si_item span{display:block}
.si_progress .si_item .tt{font-size:1.8rem;font-weight:700}
.si_progress .si_item .date{font-size:1.2rem}
.si_progress .si_item .txt_usdt{font-size:1.6rem;text-align:right;font-weight:300}
.si_progress .si_item .txt_comp{font-size:1rem;color:#2DFF4F;text-align:right}
.si_progress .si_item .item span:nth-child(2){margin-top:10px}

.market_item .tt{display:inline-block;background-color:#1F2937;text-align:center;color:#fff;padding:11px 26px;font-size:1.5rem;border-radius:11px}
.market_item .item{display:flex;flex-direction:row;font-size:1.4rem;align-items:flex-end;margin-top:5px}
.market_item .market_num{font-size:3rem}
.market_item .market_per{display:inline-block;position:relative;padding:0 8px;margin-left:15px;margin-bottom:5px;height:26px;line-height:26px;font-size:1.1rem;color:#fff;background-color:#2E8B29;border-radius:5px}
.market_item .market_per:before{content:'';display:inline-block;margin-right:6px;width:14px;height:8px;background:url(../../images/ico_market_per.png) no-repeat;background-size:cover}
.market_usdt{margin-bottom:4px;margin-left:4px}

/* form */
.input input::-webkit-input-placeholder{color:rgba(0,0,0,0.6);font-size:1.4rem}
.input input:-ms-input-placeholder{color:rgba(0,0,0,0.6);font-size:1.4rem}
.input input::placeholder{color:rgba(0,0,0,0.6);font-size:1.4rem}
.inpClear{z-index:10;position:absolute;right:15px;top:12px;width:15px;height:15px;vertical-align:top}
.inpClear:after{content:'';display:inline-block;width:15px;height:15px;background-image:url(../../images/ico_del.png);background-repeat:no-repeat;background-size:cover}

.form + .form{margin-top:35px}
.form_text + .form_text{margin-top:18px}
.form{position:relative}
.form .form_title{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;font-size:1.6rem;color:#000;margin-bottom:4px;font-weight:400}
.form .form_title h3{font-weight:400}
.asc{color:#EE3E73;display:inline-block;vertical-align:top;margin:6px 0 0 2px;font-size:1.2rem}
.desc{display:block;color:#000;font-size:1.6rem;margin:9px 0 0 0;text-align:right}
.desc a{color:#8D52F2;display:inline-block;margin-left:10px;font-weight:700}
.form_noti{color:#000;font-size:1.6rem;line-height:23px;text-align:right;margin-bottom:50px}

.form .form_text{position:relative}
.form .input{overflow:hidden;position:relative;display:block;padding:0 15px;width:100%;height:39px;font-size:1.4rem;border:1px solid #BE98FF;background-color:#F4F4F4}
.form .input input{width:100%;height:100%;border:0;padding:0;font-size:1.4rem;background-color:#F4F4F4;color:#000}
.form .input.border_none{border:0}

.form.select{text-align:left;width:100%}
.form.select .select_box{display:inline-block;position:relative;width:100%;height:28px;background-color:#fff;border-top:1px solid #1F2937;border-bottom:1px solid #1F2937}
.form.select .select_box label{position:absolute;font-size:1.4rem;top:0;left:10px;color:#1F2937;line-height:26px}
.form.select .select_box:after{content:'';display:inline-block;position:absolute;right:10px;top:11px;margin-left:8px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#1F2937 transparent transparent transparent;vertical-align:top}
.form.select .select_box .select{width:100%;height:28px;line-height:28px;color:#fff;opacity:0;filter:alpha(opacity=0);font-size:1.4rem}
.form.select .select_box label.on{color:#1F2937 !important}

.filter_area{text-align:right;margin:28px 0}
.filter_area .form.select{width:130px;display:inline-block}
.filter_area .form.select .select_box{border-color:#8D52F2}
.filter_area .form.select .select_box label{color:#8D52F2}
.filter_area .form.select .select_box:after{border-color:#8D52F2 transparent transparent transparent}
.filter_area .form.select .select_box label.on{color:#8D52F2 !important}

.filter_area_basic{text-align:right;margin:28px 0}
.filter_area_basic .form.select{width:130px;display:inline-block}

.txt_mai{display:flex;flex-direction:row;align-items:center}
.txt_mai strong{color:#8D52F2;display:inline-block;font-size:1.2rem;margin-left:5px}
.txt_mai em{display:inline-block;font-size:1.2rem;color:#98989D}

.sign_up .form .input{border:0;background-color:#fff}
.sign_up .form .input input{background-color:#fff}
.sign_up .form .form_title{margin-bottom:15px}

/* status_scroll */
.status_scroll{width:calc(100% + 48px);overflow-x:hidden;margin-left:-24px}
.status_scroll .site_title{padding:0 24px}
.status_scroll_inner{display:flex;overflow-x:auto;text-align:center;justify-content:center} 
.status_scroll_inner.single-item{justify-content:center} 
.status_scroll_inner.scrollable{justify-content:flex-start;padding-left:18px;padding-right:18px} 
.unlock_status{width:90px;margin:26px 0 34px;text-align:center;display:inline-block;flex-shrink:0} 
.unlock_status + .unlock_status{margin-left:20px} 
.unlock_status .un_num{font-size:2.3rem;font-weight:700;line-height:1;letter-spacing:-0.05em} 
.unlock_status .un_img{position:relative;margin-top:13px} 
.unlock_status .un_img:after{content:'';display:block;width:46px;height:20px;background:url('../../images/bg_shadow.png') no-repeat;margin:0 auto;background-size:cover} 
.unlock_status .un_img img{width:42px;height:42px} 
.unlock_status .un_after{margin-top:5px;padding:4px 10px;background-color:#8d52f2;font-size:1rem;color:#fff;display:flex;flex-direction:column;align-items:center;width:100%} 
.unlock_status .un_after span{font-weight:200} 
.unlock_status .un_after strong{font-weight:600} 
.unlock_status .un_after strong, .unlock_status .un_after span{display:block;width:100%;text-align:center} 
.column_margin .unlock_status{margin:0}
.column_margin .unlock_status + .unlock_status{margin-left:20px}

/* footer */
footer{width:100%}
.footer{z-index:100;position:fixed;bottom:0;width:100%;max-width:750px}
.button_area{width:100%}
.button_area .btn{display:block;width:100%;background-color:#58585B;color:#fff;font-size:1.9rem;height:68px;line-height:68px;text-align:center;font-weight:400}
.button_area .btn.active{background-color:#8D52FE}
.button_area .btn.white{background-color:#fff;color:#000}
.button_area .btn + .btn{margin-top:10px}
.button_area .btn.h47{height:47px !important;line-height:47px !important}
.foot_link{display:flex;flex-direction:row;justify-content:flex-end;padding:19px 30px}
.foot_link a{color:#8D52F2;font-size:1.6rem}
.foot_link a + a{margin-left:20px}

/* nav */
.button_nav{background-color:#18191D;height:68px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.button_nav a{display:inline-block;margin:0 19px}
.button_nav a:before{content:'';display:inline-block;background-repeat:no-repeat;background-position:center;background-size:cover}
.nav_01:before{width:18px;height:20px;background-image:url(../../images/ico_nav_01.png)}
.nav_02:before{width:15px;height:16px;background-image:url(../../images/ico_nav_02.png)}
.nav_03:before{width:20px;height:18px;background-image:url(../../images/ico_nav_03.png)}
.nav_04:before{width:16px;height:16px;background-image:url(../../images/ico_nav_04.png)}
.nav_01.active:before{background-image:url(../../images/ico_nav_01_active.png)}
.nav_02.active:before{background-image:url(../../images/ico_nav_02_active.png)}
.nav_03.active:before{background-image:url(../../images/ico_nav_03_active.png)}
.nav_04.active:before{background-image:url(../../images/ico_nav_04_active.png)}

/* deposit/withdraw */
.total_assets{font-size:2.5rem}
.total_assets p{line-height:1;font-weight:600}
.total_assets .title{font-size:2rem;margin-bottom:14px;font-weight:400}
.total_assets .btn_refresh{display:inline-block;width:25px;height:25px;margin-left:1px;background:url(../../images/btn_refresh.png) center no-repeat;background-size:16px 12px}
.total_assets .last_num{display:inline-block;color:#505965;font-weight:600}

/* form_deposit */
.form_deposit{margin-top:36px}
.form_deposit .title{font-size:2.2rem}
.form_deposit .title + .form_deposit_list{margin-top:20px}
.form_deposit_list{width:100%;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}
.form_deposit_list span{position:relative;display:flex;align-items:center;padding-left:56px;margin-right:10px;width:calc(100% - 47px);height:46px;font-size:1.6rem;color:#18191D;font-weight:600;background-color:#fff}
.form_deposit_list span:before{content:'';position:absolute;left:30px;top:15px;display:inline-block;width:17px;height:17px;background-repeat:no-repeat;background-position:center}
.form_deposit_list .btn_dps_cash{width:47px;height:46px;background-color:#8D52F2;background-image:url(../../images/ico_arrow.png);background-size:24px 15px;background-repeat:no-repeat;background-position:center}
.form_deposit_list .ico_cash:before{background-image:url(../../images/ico_cash.png);background-size:9px 14px}
.form_deposit_list .ico_cryptocurrency:before{background-image:url(../../images/ico_cryptocurrency.png);background-size:17px 17px}
.form_deposit_list .ico_point:before{background-image:url(../../images/ico_point.png);background-size:14px 14px}

/* all_currentcies */
.all_currentcies{margin-top:70px;padding-bottom:50px}
.all_currentcies .title{font-size:2.2rem;margin-bottom:10px}
.all_cur_list{position:relative;padding-right:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.4rem;letter-spacing:0}
.all_cur_list:after{content:'';display:inline-block;position:absolute;right:0;top:10px;width:8px;height:16px;background:url(../../images/ico_arrow_right.png) no-repeat;background-size:100%}
.all_cur_list span{display:flex;align-items:center;height:35px}
.all_cur_list .name{font-size:1.6rem;font-weight:600;margin-left:15px}
.all_cur_list .sm{font-size:1.1rem}
.all_cur_list img{width:35px;height:35px}
.all_cur_list .left em{height:35px;display:flex;align-items:center;justify-content:center}
.all_cur_list .right{position:relative;padding-right:8px;display:flex;flex-direction:column;align-items:center;height:35px}
.all_cur_list .right em{display:block;text-align:right;line-height:1;width:100%}
.all_cur_list .right .sm{margin-top:6px;color:rgba(0,0,0,0.6)}
.all_cur_list + .all_cur_list{margin-top:20px}

/* deposit_account */
.deposit_account{position:relative;padding:10px 16px;background-color:#fff;box-shadow:40px 40px 100px 0px rgba(0,0,0,0.25)}
.deposit_account .title{padding-bottom:10px;font-size:1.4rem;letter-spacing:-0.05px}
.deposit_account .btn_copy{position:absolute;right:19px;top:12px;display:inline-block;background:url(../../images/ico_copy.png) no-repeat;width:15px;height:14px;background-size:100% 100%}
.account_info{width:calc(100% + 32px);padding:16px 16px 0;margin-left:-16px;border-top:1px dashed rgba(0,0,0,0.25)}
.account_info strong{font-size:1.7rem;font-weight:700}
.account_info li{line-height:32px;font-size:1.7rem;font-weight:200}

/* deposit_money */
.deposit_money{margin-top:36px}
.deposit_money .title{font-size:1.6rem}
.input_krw{margin-top:15px;background-color:#F4F4F4;display:flex;flex-direction:row;height:39px;line-height:39px}
.input_krw input{background-color:transparent;width:calc(100% - 45px);font-weight:700;border:0;padding:0 15px}
.input_krw .txt_krw{display:inline-block;font-size:1.4rem;font-weight:300}

.money_assets{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.money_assets .btn{display:inline-block;width:32%;height:39px;line-height:39px;font-weight:700;margin-bottom:2%;font-size:1.2rem}
.money_assets .btn:nth-child(1){background-color:#E4D4FF}
.money_assets .btn:nth-child(2){background-color:#CDB1FF}
.money_assets .btn:nth-child(3){background-color:#B289F9}
.money_assets .btn:nth-child(4){background-color:#A575F7;color:#fff}
.money_assets .btn:nth-child(5){background-color:#965DF7;color:#fff}
.money_assets .btn:nth-child(6){background-color:#000;color:#fff}
.money_assets .btn_reset:after{content:'';display:inline-block;width:9px;height:7px;margin-left:2px;background:url(../../images/ico_refresh_white.png) no-repeat;background-size:cover}

/* point_deposit */
.point_deposit{width:calc(100% + 60px);margin-left:-30px;padding:0 30px;margin-bottom:40px}
.point_deposit dl{display:flex;flex-wrap:wrap}
.point_deposit dt{width:40%;font-size:1.4rem;font-weight:600;line-height:20px;margin-bottom:10px}
.point_deposit dd{width:60%;text-align:right;font-size:1.3rem;font-weight:300;line-height:20px;margin-bottom:10px}
.point_deposit strong{font-weight:600}

.amount_mai dl{display:flex;flex-wrap:wrap}
.amount_mai dt{width:40%;font-size:1.6rem;line-height:22px}
.amount_mai dd{width:60%;text-align:right;font-size:1.4rem;font-weight:400;line-height:22px}
.amount_mai .tag{display:inline-block;font-size:1rem;background-color:#8D52F2;color:#fff;padding:1px 4px 2px}

/* tab */
.menu_tab{position:relative;width:calc(100% + 60px);margin-left:-30px}
.menu_tab ul{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.menu_tab li{background-color:#fff;width:50%;height:38px}
.menu_tab li + li{margin-left:-1px}
.menu_tab li button{display:block;position:relative;width:100%;height:38px;padding:0;background-color:#fff;font-size:1.4rem;font-weight:600;color:#000;text-align:center;border-bottom:1px solid #000}
.menu_tab li.active button:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:3px;background-color:#8D52F2}
.menu_tab li.active button{color:#000}
.menu_tab.tab_03 li{width:calc(100% / 3)}
.menu_tab.tab_03 li button{font-size:1.2rem;border-color:#8D52F2}
.menu_tab.tab_03 li.active button:after{top:0}
.menu_tab.tab_03 li.active button{color:#8D52F2}

/* tab contents */
.cont_tab{padding:46px 0}
.cont_tab .cont_tab_area .deposit_money{margin-top:22px}
.my_ref_tab{padding-top:0;background-color:#fff;width:calc(100% + 60px);margin-left:-30px}
.my_ref_tab .cont_tab_area{padding:0 24px}

/* history_list */
.list_item + .list_item{margin-top:10px}
.list_item{padding:22px 20px 24px;background-color:#8D52F2;color:#fff;letter-spacing:0}
.list_item li{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.list_item li + li{margin-top:10px}
.list_item li span{font-size:1rem}
.list_item .list_tt{font-size:1.8rem;font-weight:400}
.list_item .list_nm{font-size:1.6rem}
.list_item .list_dt{font-size:1.2rem}
.list_item .list_ref em{display:block;font-size:1.2rem}
.list_item .list_ref em:last-child{font-size:1.8rem}
.list_item .list_ref:nth-child(2) em{text-align:right}

/*  ref_items */
.ref_items{display:flex;flex-wrap:wrap;margin-top:22px;margin-left:-8px}
.ref_item{padding:4% 0;margin-bottom:8px;background-color:#8D52F2;color:#fff;width:calc(100% / 3 - 8px);text-align:center;margin-left:8px}
.ref_item strong{display:block;font-size:4rem;font-weight:600}
.ref_item span{display:block;font-size:1.6rem;font-weight:300;margin-top:15px}

/* profile */
.profile .title{font-size:1.8rem;font-weight:400;display:flex;align-items:center}
.profile .my_info{margin:20px 0 13px;padding:1px 18px 18px;background-color:#fff;box-shadow:10px 10px 100px 0 rgba(127, 62, 238, 0.2)}
.profile .my_info li{font-size:1.8rem;font-weight:400;line-height:24px;padding-left:25px}
.profile .my_info li.tt{position:relative;font-weight:600;margin-top:20px;padding-left:0}
.profile .my_info li.tt:before{content:'';display:inline-block;margin-right:5px;margin-top:2px;width:20px;height:20px;background-repeat:no-repeat;background-size:cover;background-position:center;vertical-align:top}
.ico_uid:before{background-image:url(../../images/ico_uid.png)}
.ico_userId:before{background-image:url(../../images/ico_user.png)}
.ico_bank:before{width:24px;height:24px;background-image:url(../../images/ico_lock.png)}
.profile_nav{padding-bottom:50px}
.profile_nav .button_area .btn{text-align:left;padding:0 25px;position:relative}
.profile_nav .button_area .btn:after{content:'';position:absolute;right:25px;top:15px;display:inline-block;width:24px;height:15px;background:url(../../images/ico_arrow.png) no-repeat;background-size:cover;background-position:center right}

/* my_commission */
.my_commission{width:calc(100% + 12px);margin:24px 0 26px -6px;padding:20px 18px;background-color:#fff;box-shadow:10px 10px 100px 0 rgba(127, 62, 238, 0.2)}
.my_commission .top li{font-size:1.8rem;font-weight:400;line-height:1}
.my_commission .top li:nth-child(2){margin-top:18px;font-size:4.6rem;letter-spacing:-2px;font-weight:700}
.my_commission .center{width:100%;margin:20px 0;border-top:1px dashed #000;border-bottom:1px dashed #000;padding:20px 0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.my_commission .center dt{width:40%;font-size:1.6rem;font-weight:600;margin-bottom:14px}
.my_commission .center dd{width:60%;display:flex;flex-direction:column;text-align:right;margin-bottom:14px}
.my_commission .center dd span{font-weight:300;font-size:1.6rem}
.my_commission .center dd span:nth-child(2){font-size:1.2rem;margin-top:2px}
.my_commission .center dd strong{font-weight:600;margin-left:4px}
.my_commission .bottom li{position:relative;font-size:1.6rem}
.my_commission .bottom li:nth-child(1){font-weight:600;margin-bottom:4px}
.my_commission .bottom .re_link{font-weight:200}
.my_commission .btn_copy{position:absolute;right:0;top:-8px;display:inline-block;background:url(../../images/ico_copy.png) no-repeat;width:25px;height:24px;background-size:100% 100%}

/* rank_assets */
.rank_filter{margin-top:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.sm_btn_assets{display:flex;flex-direction:row}
.sm_btn_assets .btn{display:inline-block;padding:0 12px;height:28px;line-height:28px;border:1px solid #BE98FF;color:#BE98FF;font-size:1.2rem;text-align:center}
.sm_btn_assets .btn.active{background-color:#8D52F2;color:#fff}
.sm_btn_assets .btn + .btn{margin-left:10px}

.title_wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.btn_list{position:relative;display:inline-block;color:#8D52F2;font-size:1.8rem;font-weight:800}
.btn_list::before{content:'';display:inline-block;width:14px;height:14px;margin:4px 5px 0 0;background:url(../../images/ico_list.png) no-repeat;background-size:cover;vertical-align:top}
.btn_list::after{content:'';display:inline-block;width:8px;height:12px;margin:5px 0 0 5px;background:url(../../images/ico_list_arrow.png) no-repeat;background-size:cover;vertical-align:top}

.btn_calendar{color:#8D52F2;border-top:1px solid #8D52F2;border-bottom:1px solid #8D52F2}
.btn_ca{display:inline-block;position:relative;color:#8D52F2;padding:0 26px 0 10px;height:26px;line-height:26px;font-size:1.4rem;letter-spacing:-1px}
.btn_ca:after{content:'';display:inline-block;position:absolute;right:10px;top:12px;margin-left:8px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#8D52F2 transparent transparent transparent;vertical-align:top}

/* ranking_list */
.ranking_list{width:calc(100% + 60px);margin-left:-30px;margin-top:26px}
.rank_table table{width:100%}
.rank_table th{padding:0 20px;border-bottom:1px solid #000;height:48px;font-size:1.2rem;vertical-align:middle}
.rank_table td{padding:0 20px;border-bottom:1px solid #000;height:48px;font-size:1.4rem;text-align:center;vertical-align:middle}
.rank_table th:nth-child(1),.rank_table td:nth-child(1){width:20%;text-align:left}
.rank_table th:nth-child(2),.rank_table td:nth-child(2){width:60%}
.rank_table th:nth-child(3),.rank_table td:nth-child(3){width:20%;text-align:right}
.rank_table td:nth-child(2){text-align:left}
.rank_table td:nth-child(1){font-weight:600}

/* popup */
.bg_mask{z-index:9997;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4)}
.popup_box{display:none;overflow:hidden;position:absolute;background:#fff;overflow:hidden;width:710px}
.popup_box.view{z-index:9998;display:block}
.popup_multi{display:none;overflow:hidden;position:absolute;background:#fff;overflow:hidden;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}
.popup_multi.view{z-index:9998;display:block}
.popup_box .popup_inner{position:relative;padding:17px 10px 10px;background-color:#fff}
.popup_box .pop_close{position:absolute;right:0;top:0;display:block;width:20px;height:20px;cursor:pointer;background:url(../../images/ico_layer_close.png) no-repeat;background-size:17px 16px;background-position:center;text-indent:-9999em}
.popup_box .head{position:relative;text-align:center}
.popup_box .head p{font-size:1.8rem;font-weight:700}
.popup_box .body{width:100%;text-align:center;padding:30px 0 25px;font-size:1.5rem;line-height:23px}
.popup_box .foot{position:relative}
.popup_box .btn_box{width:100%;display:flex;flex-direction:column;align-items:center}
.popup_box .btn_box .btn{display:inline-block;width:100%;height:32px;line-height:32px;text-align:center;color:#fff;font-size:1.6rem;background-color:#58585B}
.popup_box .btn_box .btn.active{background-color:#8D52F2}
.popup_box .btn.white{background-color:#fff;color:#000}
.popup_box .btn_box.btn_2{flex-direction:row}
.popup_box .btn_box.btn_2 .btn{width:calc(100% / 2 - 5px)}
.popup_box .btn_box.btn_2 .btn + .btn{margin-left:10px}

/* popup :all_popup */
.popup_box.all_popup{max-width:750px;height:100%;width:100%;margin:0 auto}
.all_popup .popup_inner{display:flex;flex-direction:column;height:100%;position:relative;padding:56px 30px 78px}
.all_popup .title{font-size:2.2rem;margin-bottom:10px;text-align:left;font-weight:600}
.all_popup .head p{font-size:2.2rem;font-weight:600;letter-spacing:-1px;line-height:20px}
.all_popup .body{text-align:left;height:100%;font-size:1.3rem;overflow-y:auto}
.all_popup .body p{display:block}
.all_popup .foot{position:absolute;bottom:0;left:0;width:100%;text-align:center}
.all_popup .btn_box .btn{height:68px;font-size:1.9rem;line-height:68px}

.cert_info_box p{font-size:1.6rem}
.cert_info_box .box{padding:6px;background-color:#F4F4F4;margin-top:14px;font-size:1.2rem;word-break:break-all}

.popup_box .form.select{margin:24px 0 0} 
.popup_box .form .form_title{font-size:1.6rem;font-weight:400;margin-bottom:16px}

.form_layer{margin-top:16px}
.form_layer .form .form_text{display:flex;flex-direction:column}
.form_layer .form .form_title{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;font-size:1.6rem;color:#000;margin-bottom:4px;font-weight:400}
.form_layer .form .form_title h3{font-weight:400}
.form_layer .input{overflow:hidden;position:relative;display:block;padding:0 15px;width:100%;height:39px;font-size:1.4rem;border:0;background-color:#F4F4F4}
.form_layer .input input{width:100%;height:100%;border:0;padding:0;font-size:1.4rem;background-color:#F4F4F4;color:#000}
.form_layer .button{width:100%;display:block;margin-top:10px}
.form_layer .button .btn{display:inline-block;width:100%;height:39px;line-height:39px;text-align:center;color:#fff;font-size:1.4rem;font-weight:400}
.form_layer .button .btn.active{background-color:#8D52F2}
.form_layer .form.withButton .input{padding:0 15px 0 15px;width:calc(100% - 75px)}
.form_layer .form.withButton .inpClear{right:15px}
.form_layer .form.withButton .button{position:absolute;right:0;top:0;width:70px;height:39px;margin-top:0}

@media screen and (max-width:767px){
    .popup_box.all_popup{left:0;top:0;max-width:100%;margin:0}
    .popup_box{width:90%}
}

/* refferees_list */
.all_popup.listRefLayer .popup_inner{padding:57px 0 65px}
.all_popup.listRefLayer .body{padding-bottom:0}
.popup_box.listRefLayer .pop_close{right:16px}
.all_popup.listRefLayer .sm_btn_assets{padding:0 16px 6px}
.refferees_list{height:calc(100% - 21px);overflow-y:hidden}
.ref_list_area{display:flex;flex-wrap:wrap;overflow-y:auto;height:100%;padding:26px 16px 40px}
.ref_list_item{width:calc(100% / 2 - 10px);padding:13px 0 3px;margin-bottom:20px;font-size:1.2rem;background-color:#fff;box-shadow:5px 10px 40px 0px rgba(91, 91, 91, 0.2)}
.ref_list_item:nth-child(odd){margin-right:10px}
.ref_list_item:nth-child(even){margin-left:10px}
.rl_top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 14px 10px;margin-bottom:10px;border-bottom:1px dashed #000}
.rl_top img{width:30px;height:30px}
.rl_to span{font-size:1.2rem;font-weight:600}
.rl_date{padding:0 16px;text-align:center;margin-bottom:10px;line-height:1.4}
.rl_date span{font-weight:600;font-size:1rem;line-height:1}
.rl_info{font-size:1.2rem;display:flex;flex-wrap:wrap;padding:0 16px;justify-content:flex-start}
.rl_info .item{width:50%;display:flex;flex-direction:column;margin-bottom:10px}
.rl_info .item span{display:block;line-height:1}
.rl_info .item span:nth-child(1){color:#8D52F2;font-weight:600;margin-bottom:4px}

/* pagination */
.pagination{position:absolute;bottom:0;width:100%;height:64px;background-color:#1F2937;display:flex;align-items:center;justify-content:center}
.pagination .page_btn{margin:0 6px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;line-height:15px}
.pagination .page_btn.btn_p{width:15px;height:15px;margin-right:20px;background:url(../../images/ico_paging.png) center no-repeat;background-size:7px 12px}
.pagination .page_btn.btn_n{transform:rotate(-180deg);width:15px;height:15px;margin-right:20px;background:url(../../images/ico_paging.png) center no-repeat;background-size:7px 12px}
.pagination .page_btn.current{color:#CEB2FF}

/* calendar */
.sec_cal{width:100%}
.sec_cal .cal_nav{align-items:center;display:flex;justify-content:space-between}
.sec_cal .cal_nav .year-month{line-height:1;text-align:center;color:#fff;font-size:1.5rem;font-weight:600}
.sec_cal .cal_nav .go-prev, .sec_cal .cal_nav .go-next{width:35px;height:35px}
.sec_cal .cal_nav .go-prev:before{content:'';display:inline-block;width:26px;height:26px;margin:4px 0 0 0;background:url(../../images/ico_cal_prev.png);background-size:cover;vertical-align:top}
.sec_cal .cal_nav .go-next:before{content:'';display:inline-block;width:26px;height:26px;margin:4px 0 0 0;background:url(../../images/ico_cal_next.png);background-size:cover;vertical-align:top}
.sec_cal .cal_wrap{margin:0 auto;padding-top:10px;position:relative}
.sec_cal .cal_wrap .days{display:flex}
.sec_cal .cal_wrap .day{color:rgba(255, 255, 255, 0.7);position:relative;width:calc(100% / 7 - 6px);margin-left:6px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;text-align:center;cursor:pointer;box-shadow:0px -1px 2px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.03);      /* 두 번째 그림자 */}
.sec_cal .cal_wrap .dates span{display:inline-block;width:100%;height:100%;border-radius:4px;padding:6px 0 6px;font-size:1.5rem;color:rgba(255, 255, 255, 0.7);vertical-align:top}
.sec_cal .cal_wrap .dates .day.current.today span{z-index:1;color:#fff;font-weight:600}
.sec_cal .cal_wrap .day.disable span{color:rgba(255, 255, 255, 0.3);cursor:default}
.sec_cal .cal_wrap .dates{display:flex;flex-flow:wrap}
.sec_cal .cal_wrap .dates .day.disable:hover{color:#ddd}
.sec_cal .cal_wrap .dates .day.disable:hover:after{display:none}
.sec_cal .cal_wrap .dates .day.selected span{background-color:#CEB2FF;color:#000}
.sec_cal .cal_wrap .dates .day.selected.first span{background-color:#723CEB;color:#fff}
.sec_cal .cal_wrap .dates .day.selected.last span{background-color:#723CEB;color:#fff}
.sec_cal .cal_wrap .dates .day.selected span{background-color:#CEB2FF;color:#000}
.sec_cal .cal_wrap .dates .day.selected.first span{background-color:#723CEB;color:#fff}
.sec_cal .cal_wrap .dates .day.selected.last span{background-color:#723CEB;color:#fff}
.sec_cal .cal_wrap .dates .day.selected:not(.first):not(.last) span{background-color:#D6A0F0;color:#000}
.layer_calendar{background-color:#1F2937;border:1px solid #fff}
.layer_calendar .popup_inner{padding:0 15px 12px;background-color:#1F2937}
.layer_calendar .btn_box.btn_2 .btn{height:48px;line-height:48px;font-size:1.5rem}
.layer_calendar .body{padding:12px 0 16px}

/* common */
.fs14{font-size:1.4rem !important}
.fs16{font-size:1.6rem !important}
.pt0{padding-top:0 !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mb30{margin-bottom:30px !important}
.border_bottom_black{border-bottom:1px solid #000 !important}
.txt_comp{color:#2DFF4F !important}
.clEe3e73{color:#EE3E73 !important}
.ico_refresh{display:inline-block;width:15px;height:12px;margin-right:10px;background:url(../../images/ico_refresh_white.png) no-repeat;background-size:cover}
.ico_eye{display:inline-block;width:24px;height:24px;margin-top:2px;margin-left:10px;background:url(../../images/ico_eye.png) no-repeat;background-size:cover}
.ico_asterisk{display:inline-block;font-size:1.4rem;line-height:1;margin-right:5px;margin-top:2px;vertical-align:top}