/* ==============================RESET============================== */


@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(pre/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(pre/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(pre/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(pre/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(pre/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(pre/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(pre/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(pre/Pretendard-Thin.woff) format('woff');
}


body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, th, td, form, button, input, select, textarea{margin: 0; padding: 0}
body{
	font-family: 'Pretendard','Spoqa Han Sans','Dotum','Sans-serif',sans-serif;
	min-width: 1300px
	display:inline-block;
}
header, footer, section, article{
	display: block
}
h1, h2, h3, h4, h5, h6{
	font: 'Pretendard-Regular'
}
ul, ol{
	list-style: none
}
a:link, a:visited, a:hover, a:active{
	text-decoration: none
}
a{
	color: inherit
}
table{
	border-spacing: 0;
	border-collapse: collapse
}
img{
	border: none;
	vertical-align: top
}
strong{
	font-weight: 700;
}
input, select, textarea, button{
	border: none;
	background: none;
	outline: none;
	font: inherit;
	color: inherit
}
button{
	cursor: pointer
}
select {
	-webkit-appearance: none; /* È­»ìÇ¥ ¾ø¾Ö±â for chrome*/
	-moz-appearance: none;    /* È­»ìÇ¥ ¾ø¾Ö±â for firefox*/
	appearance: none;         /* È­»ìÇ¥ ¾ø¾Ö±â °øÅë*/
	background: url('../../common_0213/select_more.png') no-repeat 95% 50%
}
select::-ms-expand {
   display: none;            /* È­»ìÇ¥ ¾ø¾Ö±â for IE10, 11*/
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
textarea::placeholder {
  color: inherit;
  font: inherit
}
textarea::-webkit-input-placeholder{
    color:text-shadow: none; -webkit-text-fill-color: inherit; font: inherit
}
textarea:-ms-input-placeholder{
    color:text-shadow: none; color: inherit; font: inherit
}
select::placeholder {
  color: inherit; font: inherit
}
:-ms-input-placeholder { /* ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 10+ */
   color:  inherit; font: inherit
}
input::placeholder {
  color: inherit; font: inherit
}

input::-ms-clear{
  display: none;				/* ÀÎÅͳÝÀͽºÇ÷η¯ ´«Ç¥½Ã, X Ç¥½Ã Á¦°Å*/
}
input::-ms-reveal{
  display: none;
}

*:focus {
    outline: none;
}
.noto {font-family: 'Noto Sans KR' !important}
.s-dream {font-family:'sc-dream' !important}
.mont {font-family: 'Montserrat' !important;}
.f-spoqa {font-family:'spoqa han sans' !important}

.blind{font-size:0;line-height:0;text-indent:-999px;}
.block {display:block;}
.inline{display:inline-block}
.fl{float: left}
.fr{float: right}
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.rel{position:relative}
.ab{position:absolute}
.pa{position: absolute}

#wrap{position: relative; letter-spacing: -0.5px; overflow: hidden}
#wrap.x-scroll{min-width:1600px;}

/* ==============================Çì´õ============================== */
header{transition:box-shadow 0.6s; position: fixed; top: 0; left: 0; width: 100%; min-width: 1500px;  box-sizing: border-box; z-index: 10000; background-color:rgb(23 33 51 / 80%); font-size:16px; backdrop-filter: blur(30px)}
header .inner{width: 80%;padding: 0; position:relative; display:flex; justify-content:space-between; align-items:center; max-width:1920px; height: 79px; margin:0 auto;  box-sizing:border-box}
header .logo a{display: block; width: 130px;}
header .logo a img{max-width:100%;}
header ul li a{color: #fff}
.gnb-left {display:flex; gap:44px; align-items:center;}
.gnb{display:flex}
.gnb li{margin-left: 62px}
.gnb li a{position: relative; display: block; height: 79px; line-height: 79px; color: #fff}
.gnb li a:after{content:""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #15BF5D}
.gnb li a:before{content:""; position: absolute; bottom: 0; right: 50%; width: 0; height: 2px; background: #15BF5D}
.gnb li:first-child{margin-left: 0}
.gnb li a:hover{color: #15BF5D}
header .gnb li a:hover:after{width: 50%}
header .gnb li a:hover:before{width: 50%}
header .util{display:flex; align-items:center; height: 100%}
header .util li:nth-child(1) {margin-right:30px;}

.b_guide header .util li:nth-child(1) a {box-sizing:content-box}
header .util li:nth-child(2){position: relative; padding-right: 15px; margin-right: 10px; color: rgba(255, 255, 255, .5)}
header .util li:nth-child(1)::after {content:"";display:block;position:absolute;right:1px;top:5px;width:1px;height:12px;background:rgba(255,255,255,0.5);}
header .util li:nth-child(2) span{color: #d8ff00}
header .util li:nth-child(3) {margin-right:17px;}
header .logo a, .gnb li a:after, .gnb li a:before, header .util li a, header .util li:first-child:after, .cross{transition: all 0.6s}
.login header .util li:last-child a{display:block; width:26px; height:19px; font-size:0; line-height:0; text-indent:-999px; background-image: url('../../leaderscpa_new/menu_btn_bk.png')}
.join header .util li:last-child a,
.find header .util li:last-child a,
.buisness header .util li:last-child a,
.persnal header .util li:last-child a{display: block; width: 26px; height: 19px; background: url('../../leaderscpa_new/main_rn_mn_ico.png') no-repeat; font-size: 0; line-height: 0;margin-top:-2px;}
.join header .util li:last-child a:hover,
.find header .util li:last-child a:hover,
.buisness header .util li:last-child a:hover,
.persnal header .util li:last-child a:hover{background-image:url('../../leaderscpa_new/main_rn_mn_ico_ov.png')}
/* header .util li:last-child a{display: block; width: 26px; height: 19px; background: url('../../leaderscpa_new/main_rn_mn_ico.png') no-repeat; font-size: 0; line-height: 0}
header .util li:last-child a:hover {background-image:url('../../leaderscpa_new/main_rn_mn_ico_ov.png')} */

/* ½ºÅ©·Ñ */
header.scr{ box-shadow:0 0 10px 10px rgba(0,0,0,0.2);}

/* ¼­ºêÆäÀÌÁö */

/* ==============================¿ìÃøÄü¸Þ´º 230317============================== */
.quick_wrap{position: fixed; top: 0; bottom:0; right: 0; display:flex; flex-direction:column; justify-content:space-between; width:63px; z-index: 8000}
.blend{top:0; bottom:0; right:0; width:63px; z-index:-1; filter:url(#goo); opacity:0.59}
.quick_bg_area{width:100%; height:100%; background:#000}
.quick_bg_area .circle{--w:-28px; right:-108px; width:170px; height:44px; background:#000; border-radius:44px; transition:right 0.4s; will-change:right}
.quick_bg_area .circle:first-child{--w:-2px; bottom:367px}
.quick_bg_area .circle:nth-child(2){bottom:310px}
.quick_bg_area .circle:nth-child(3){bottom:253px}
.quick_bg_area .circle:nth-child(4){bottom:196px}
.quick_bg_area .circle:nth-child(5){bottom:139px}
.quick_bg_area .circle:nth-child(6){--w:-2px; bottom:82px}
.quick_bg_area .circle.active{right:var(--w)}
.quick_wrap .rnb_open_wrap{position:relative; padding:32px 17px; z-index:20}
.quick_wrap .rnb_open_wrap .rnb_open{display:flex; flex-direction:column; justify-content:space-between; width:29px; height:19px}
.quick_wrap .rnb_open span:not(.blind){width:100%; height:3px; background:#fff; border-radius:3px}
.quick{margin: 10px 0 0; z-index:20}
.quick li{--w:-53%; display:flex; justify-content:flex-end; margin-top:13px; color:#fff}
.quick li:nth-child(n+2):nth-child(-n+5){transform:translateX(83px)}
.quick .quick5,
.quick .quick6{--w:-60%; transform:translateX(113px)}
.quick li a{position:relative; display:flex; align-items:center; padding:6px 24px 6px 0; white-space:nowrap; transition:transform 0.4s}
.quick li a.active{transform:translateX(var(--w))}
.quick li a span{flex-shrink:0}
.quick li .icon{width:63px; height:32px; background:url(../../leaderscpa_new/quick/icons_quick.png) no-repeat 45% 4px}
.quick .quick6 .icon{background:url(../../leaderscpa_new/quick/icons_posting.png) no-repeat 50%}
.quick .quick2 .icon{background-position:45% -46px}
.quick .quick3 .icon{background-position:55% -99px}
.quick .quick4 .icon{background-position:40% -156px}
.quick .quick5 .icon{background-position:45% -212px}

.quick_btm{display:flex; flex-direction:column}
.quick_wrap .stake_bn a{display:block; width:43px; height:43px; background:#8543ff; font-size:11px; color:#fff; font-weight:600; line-height:46px; border-radius:12px; margin:0 auto}
.quick_wrap .stake_bn a:hover{background-color:#fff; color:#8543ff}
.patner_btn{display:block; width:43px; height:43px; background:#0fb877; font-size:11px; color:#fff; font-weight:600; border-radius:12px; margin:10px auto 0; padding-top:10px; line-height:13px; box-sizing:border-box}
.patner_btn:hover{background-color:#fff; color:#0fb877}
.btn_top{width:100%; height:48px; background:rgba(0,0,0,.41) url(../../leaderscpa_new/quick/icon_top.png) no-repeat 50%; margin-top:35px; position:absolute; bottom:0;}

/* ==============================211210 stake ¼öÁ¤============================== */
/**.quick_wrap .bnarrow{display: block; box-sizing: border-box; text-align: center; background: url('../../leaderscpa_new/quick/img1.png') no-repeat; width: 160px; height: 182px; position: relative;}
.quick_wrap .bnarrow span{display: block;position:absolute;width:158px;height:91px;right:0;bottom:0;overflow:hidden;border-radius: 0px 0px 10px 0px}
.quick_wrap .bnarrow span img{position: absolute; right: -100px; bottom: -100px; animation:shadows 2.5s ease .5s infinite;opacity: 0;}
.quick_wrap .bnarrow:after{content: ''; display: block; width: 13px; height: 23px; background-image: url('../../leaderscpa_new/quick/arrow.png');position: absolute; right: 3%; bottom: 14%; animation: fade 2.5s linear .5s infinite; opacity: 0;}
*/
.login #stakeLogPop ,
.join #stakeLogPop {display:none;}
/* ==============================211210 stake ¼öÁ¤============================== */

@keyframes shadows{
	0%{transform:translate(0px, 0px);}
	20%{transform:translate(-100px, -100px);
	opacity: 1;}
	40%{}
	60%{}
	80%{}
	100%{transform:translate(-100px, -100px);
	opacity: 1;}
}
@keyframes fade{
	0%{}
	20%{opacity: 1;}
	40%{}
	60%{}
	80%{}
	100%{opacity: 1;}
}

.quick_wrap.as{position: absolute;}
.sub #kakaoGuide{display: none !important}
.kakao_bn{}
.kakao_bn .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7)}
.kakao_bn .kakao_cnt{position: absolute; top: 60%; right: 120%}
.kakao_bn .kakao_cnt .close{display: block; width: 36px; height: 31px; margin-left: 320px}
.kakao_bn .main_bn{
	position: relative; display: block; width: 108px; height: 101px; margin: 0 auto; background: #fae100 url('../../leaderscpa_new/kakao_bn_ico.jpg') no-repeat 50% 12px;
	border-radius: 25px; padding-top: 55px; box-sizing: border-box; text-align: center; font-size: 15px; letter-spacing: -1; box-shadow: 7px 7px 5px rgba(0, 0, 0, .21)
}
.kakao_bn .main_bn img{width: 52px; height: auto}
.kakao_bn .main_bn .cross{
	position: absolute; top: -4px; right: -2px; width: 23px; height: 23px; border: 1px solid #000; border-radius: 13px; background: #fff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .21)
}



.join {height:90vh;}



/*index ¸ÞÀÎ ÆäÀÌÁö*/


.main01 {box-sizing:border-box; z-index:1; position:relative; width:100%; background-color:#0a1728; padding:100px 0; height:100vh; display:flex; align-items:center; background-image:url('../../leaderscpa_new/main_bg02.png'); background-size :100%; background-repeat : no-repeat; background-position:center 35%;}
	.main01 .main-bg {backdrop-filter: blur(1px); z-index:0; content:none; width:100%; height:100vh; background:linear-gradient(0deg, rgba(11, 22, 49, 0.40) 10%, rgba(5, 9, 21, 0.90) 90%); position:absolute; top:0;}
	.main01 .text-wrap {width:80%; margin:0 auto; display:flex; flex-direction:column; gap:200px; z-index:10;}
	.main-text p {margin:0;display:inline-block; color:#23d56e; font-weight:bold;}
	.main-text span {font-weight:bold;}
	.main-text {font-size:44px;color:#eaebed; font-weight:400; word-break:keep-all;}
	.main01 .sub-text { justify-content:end; text-align:right; color:#eaebed; font-weight:400; font-size:24px;line-height:1.4}
	.main01 .sub-text span {border:2px solid #fff; content:none; display:inline-block; width:44px; text-align:right; margin-bottom:8px;}
	.sub-text div {font-weight:bold; display:inline-block;}
	.main01 .join-btn {font-weight:200; margin-top:20px; align-items:center; transition: 0.3s; display:flex; gap:10px; justify-content:center; padding:10px 12px; border:1px solid #fff; box-sizing:border-box; width:160px; border-radius:40px; color:#fff; font-size:18px;}
	.main01 .join-btn:hover {font-weight:500; background-color: rgb(255 255 255 / 10%);}
	.main01 .join-btn img {width:24px; height:24px;}

	.main-title > p {font-weight:500; color:#eaebed; font-size:30px; }
	.main-title {display:flex; flex-direction:column; gap:14px;} 
	

	.sec02 {height:80vh; align-items:center; justify-content:center; background-repeat: no-repeat; background-position: center 70%; width:100%; background-color:#fff; text-align:center; padding:110px 0; font-weight:bold; display:flex; flex-direction:column; gap:100px;}
	.sec02 .text-wrap p {font-size:28px; font-weight:; color:#242222;}
	.sec02 .text-wrap div {font-size:36px; letter-spacing:1.5px; margin-top:12px; color:#242222;}
	.sec02 .text-wrap div > span {color:#15bf5d}
	.sec02 .box-wrap {width:80%; margin:0 auto; display:flex; gap:24px;}
	.sec02 .box-wrap .info-box {border:1px solid #f1f3f2; gap:32px; backdrop-filter: blur(3px); width:100%; background-color:rgb(241, 249, 244, 0.7); height:328px; border-radius:12px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.sec02 .box-wrap .info-box div:first-child {width:130px; height:130px; display:flex; align-items:center;}
	.sec02 .box-wrap .info-box div > img {width:100%;}
	body {width:100%;}


/* Çܹö°Å ¸Þ´º */
.rnb_open > span {height: 3px;background: #fff;border-radius: 3px; }
.rnb_open  {display: flex;flex-direction: column;justify-content: space-between;width: 24px;height: 18px; margin-left:32px;}


/*sec02*/


.info-box .text-wrap {display:flex; flex-direction:column; gap:8px; font-size:22px; font-weight:600; color:#292e2b;}
	.info-box .text-wrap p {font-size:16px; color:#484848;}
	.footer01 {width:100%; background-color:#0a1728; color:#fff; padding:40px; box-sizing:border-box;}
	.footer01 .logo img {width:140px; height:22px;}
	.footer01 article {width:80%; margin:0 auto; display:flex; justify-content:space-between;}
	.footer01 article .text-wrap ul {display:flex; gap:32px; align-items:center; color:#cdcdcd; font-weight:100;   }
	.footer01 article .text-wrap ul li a:hover {color:#15BF5D}
	.footer01 article .text-wrap ul li a {transition:0.3s;}
	.footer01 article .text-wrap span {border-right:2px solid #9f9f9f; height:18px; }
	.footer01 .text-wrap .copy-right {font-size:14px; color:#787878; font-weight:100; text-align:right;}
	.footer01 .text-wrap {display:flex; flex-direction:column; gap:16px; justify-content: end;}
	.info-box-wrap {display:flex; gap:24px; width:50%;}


/* 1:1äÆà */
.chatting{
	position: relative; display: block; width: 106px; height: 37px; text-align: center; line-height: 37px; box-sizing: border-box; border: 1px solid #000; font-size: 15px;
	background: #fff url('../../leaderscpa_new/more_bl.jpg') no-repeat right 8px top 50%; letter-spacing: -1px; border-radius: 13px; margin: 0 auto;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, .21)
}
.chatting img{position: absolute; top: -3px; left: -11px}

/* ÆÄÆ®³Ê¸Þ´º */
#partnerPop{display: none; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 10002; overflow: hidden}
#partnerPop .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7)}
#partnerPop .cnt{position: absolute; top: 90px; right: -1360px; width: 1360px; border-top-left-radius: 10px; border-bottom-left-radius: 15px; background: #fff; color: #111; letter-spacing: -1; box-sizing: border-box; padding: 65px 125px}
#partnerPop .top .logo{height: 36px}
#partnerPop .top .myinfo{margin-left: 55px; font-size: 24px; font-weight: 300; letter-spacing: 0; line-height: 30px}
#partnerPop .top .myinfo span{font-weight: 700}
#partnerPop .top .close{padding-top: 9px}
#partnerPop .data{margin: 70px 0 55px}
#partnerPop .data dl{float: left; width: 254px; height: 100px; box-sizing: border-box; padding-left: 45px; border: 1px solid #000; border-radius: 5px; background: #fff; margin-right: 31px}
#partnerPop .data .data3{background: #edfb21}
#partnerPop .data .data4{background: #f5f5f5; margin-right: 0}
#partnerPop .data dt{font-size: 17px; padding-top: 18px}
#partnerPop .data dd{font-size: 28px; letter-spacing: 0}
#partnerPop .data dl:nth-child(n+3) dd{color: #006cfc}
#partnerPop .main article{float: left; width: 372px; height: 360px; box-sizing: border-box; padding: 30px 20px; border: 1px solid #afafaf; border-radius: 8px}
#partnerPop .main .notice{margin-right: 24px}
#partnerPop .main .ranking{width: 323px; border: none; padding: 30px 0 0; margin-left: 19px}
#partnerPop .main .tit{position: relative; width: 100%; font-size: 18px; letter-spacing: 0; color: #006cfc; box-sizing: border-box; border: none; padding-bottom: 0; font-weight: 400; line-height: normal}
#partnerPop .main .tit .more{position: absolute; top: 4px; right: 0}
#partnerPop .main .main_tit{width: 100%; overflow-x: hidden; text-overflow: ellipsis; font-size: 21px; white-space: nowrap; margin: 50px 0 30px}
#partnerPop .main .main_txt{height: 150px; font-size: 15px; color: #555; line-height: 25px; overflow: hidden}
#partnerPop .promotion li{height: 22px; font-size: 15px; margin-bottom: 7px}
#partnerPop .promotion li a{display: inline-block; max-width: 280px; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis}
#partnerPop .promotion li img{margin: 6px 0 0 10px}
#partnerPop .ranking .tit{padding-left: 38px; background: url('../../leaderscpa_new/rank_ico.jpg') no-repeat 7px 50% / 21px auto}
#partnerPop .ranking .tit .more{right: 16px}
#partnerPop .ranking ol{margin-top: 40px}
#partnerPop .ranking li{position: relative; width: 100%; height: 38px; box-sizing: border-box; border: 1px solid #afafaf; border-radius: 5px; padding: 0 19px; line-height: 36px; font-size: 15px; margin-top: 7px}
#partnerPop .ranking .rank1{background: #edfb21}
#partnerPop .ranking li .grade{float: left}
#partnerPop .ranking li .uid{position: absolute; left: 70px}
#partnerPop .ranking li .profit{float: right; color: #006cfc; letter-spacing: 0}

/* ºí·¢¸®½ºÆ® */
#blackPop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999}
.black_cnt{position: absolute; top: calc(50% - 213px); left: calc(50% - 267.5px); width: 535px; height: 426px; background: #fff; border-radius: 7px; text-align: center; font-size: 21px}
.black_cnt .ico{margin-top: -34px}
.black_cnt .txt{margin: 41px 0}
.black_cnt p{color: #2883fc; letter-spacing: -0.2px}
.black_cnt .go_qna{position: relative; display: block; width: 311px; height: 52px; line-height: 52px; color: #fff; background: #2883fc; border-radius: 7px; margin: 25px auto 0}
.black_cnt .go_qna img{position: absolute; top: -15px; right: 19px; width: 32px; height: auto}
.black_cnt .close{position: absolute; top: 20px; right: 17px; width: 32px; height: auto}

/* ==============================¿ìÃøÀüü¸Þ´º============================== */
#menu_wrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden}
#menu_wrap .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .79) url('') no-repeat 40% 50%}
#menu_wrap .nav_list{position: fixed; top: 0; right: -412px; width: 412px; height: 100%; backdrop-filter: blur(10px);    background-color: rgba(23, 33, 51, 0.5); box-sizing: border-box; padding: 0px 20 0 60px; overflow-y: auto}
#menu_wrap .nav_list .nav_cnt{position: relative; top: 35px; padding-bottom:50px}
.nav_list ul{position: relative}
.nav_list ul:after{content:""; display: block; width: 83px; height: 1px; background:#a3a8af; margin: 40px 3px}
.nav_list .nav3:after{display: none}
.nav_list ul li{color: #fff; margin-bottom: 20px}
.nav_list .nav3 li{color: #fff;}
.nav_list .btn a{
	float: left; width: 75px; height: 75px; border-radius: 38px; background: #006fcf no-repeat 50% 13px; text-align: center;
	color: #fff; font-size: 14px; padding-top: 35px; box-sizing: border-box; margin-right: 40px; margin-top: 45px
}
.nav_list .btn .join_btn{background-image: url('../../leaderscpa_new/join_ico.png')}
.nav_list .btn .log_btn{background-image: url('../../leaderscpa_new/log_ico.png')}
.nav_list .btn .log_btn.logout{background-image: url('../../leaderscpa_new/logout_ico.png')}
.nav_list .close{width: 32px; height: 32px}
.nav_list .close img{max-width: 100%; height: auto}

.nav_cnt .nav-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}

/* ==============================ǪÅÍ============================== */
.foot_btm{height: 88px; width: 100%; bottom: 0; text-align: center}
.foot_btm div a{font-size: 13px; opacity: 0.7; padding-left: 25px}
.foot_btm div a:first-child{margin-left: 0}
.foot_btm div a span{margin-left:25px; color: #aaa;}
.foot_btm p{margin-top: 25px; font-size: 13px; opacity: 0.37; letter-spacing: 0}


/* ȸ»ç¼Ò°³Æ˾÷ */
.company_pop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000}
.company-info-wrap{
	position: absolute; bottom: 135px; left: 50%; margin-left: -325px; z-index: 1000; width: 650px; height: 385px;
    background: url('../company_Introduce.png') no-repeat; text-indent: -9999em
}
.company_pop .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7)}
.footer-close{position: absolute;  top: 23px; right: 18px; cursor: pointer}
/* //ȸ»ç¼Ò°³Æ˾÷ */






/* find */

.find .title-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.find .title-wrap img {width:140px;}
#persnal_id form {display:flex; flex-direction:column; justify-content:center; gap:10px;}
.find div input {border-radius:12px; }

.find .contour {display:block; content:'';width:420px; background: linear-gradient(90deg, rgba(203, 212, 220, 0.20) 0%, #CBD4DC 50%, rgba(203, 212, 220, 0.20) 100%); height:1px; margin:28px 0;}}
#ucellnum {width: 100%;
    height: 58px;
    box-sizing: border-box;
    padding-left: 30px;
    border: 1px solid #CBD4DC;
    border-radius: 12px;
    background: #fff;
    color: #939BA3;}




/* lotto banner */
.bn_wrap{display:none}
.lotto_banner{position:relative; display:block; width:100%; height:66px; background:#ffd801; font-size:16px; box-shadow:0 8px 5px rgba(0,0,0,.2)}
.lotto_banner .bn_inner{width:1033px; height:100%; background:url(../../leaderscpa_new/banner/lotto/lotto_bg.jpg) no-repeat 0 0; margin:0 auto; padding:0 165px; box-sizing:border-box}
.lotto_banner .ico{margin-top:3px}
.lotto_banner .lotto_txt{margin:0 25px; line-height:66px}
.lotto_banner .lotto_tit{margin-top:22px}
.lotto_banner .circle{position:relative; width:43px; height:43px; text-align:center; margin:12px 0 0 12px; padding-top:16px; box-sizing:border-box}
.lotto_banner .circle .img{position:absolute; top:0; left:0; animation:rotate 5s linear infinite}
.lotto_banner .lotto_close{position:absolute; top:calc(50% - 10px); right:7vw}

@keyframes rotate{
	100%{transform:rotate(1turn)}
}

.top-banner {display:none; position:relative; width:100%; height:80px;}
.top-banner_link {display:block; width:100%; height:100%; padding-top:18px; box-sizing: border-box; box-shadow:5px 5px 5px rgba(0,0,0,.2); background:#00d34a; overflow:hidden;}
.top-banner_txt {position:relative; display:inline-block; z-index:1;}
.top-banner_txt:before{content:""; display:block; position:absolute; left:calc(50% - 1152px/2); bottom:-5px; width:1152px; height:76px; background:url('../../leaderscpa_new/banner/mission/top_banner_bg4-1.png')no-repeat; z-index: -1;}
.top-banner_txt img {margin-left:50px;}
.bn-close {top: 26px; right:100px;}


/* ==============================¸ð¼Ç============================== */
.v_move1{
	position: relative; top: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.active .v_move1{top: 0; opacity: 1}

.v_move2{
	position: relative; top: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.2s;
	-moz-transition: all 0.6s ease 0.2s;
	-o-transition: all 0.6s ease 0.2s;
	transition: all 0.6s ease 0.2s;
}
.active .v_move2{top: 0;	opacity: 1}

.v_move3{
	position: relative; top: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.4s;
	-moz-transition: all 0.6s ease 0.4s;
	-o-transition: all 0.6s ease 0.4s;
	transition: all 0.6s ease 0.4s;
}
.active .v_move3{top: 0;	opacity: 1}

.v_move4{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 0.6s;
	-moz-transition: all 0.6s ease 0.6s;
	-o-transition: all 0.6s ease 0.6s;
	transition: all 0.6s ease 0.6s;
}
.active .v_move4{top: 0;	opacity: 1}

.v_move5{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 0.8s;
	-moz-transition: all 0.6s ease 0.8s;
	-o-transition: all 0.6s ease 0.8s;
	transition: all 0.6s ease 0.8s;
}
.active .v_move5{top: 0;	opacity: 1}

.v_move6{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 1s;
	-moz-transition: all 0.6s ease 1s;
	-o-transition: all 0.6s ease 1s;
	transition: all 0.6s ease 1s;
}
.active .v_move6{top: 0;	opacity: 1}

.v_move7{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 1.2s;
	-moz-transition: all 0.6s ease 1.2s;
	-o-transition: all 0.6s ease 1.2s;
	transition: all 0.6s ease 1.2s;
}
.active .v_move7{top: 0;	opacity: 1}

.v_move8{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 1.4s;
	-moz-transition: all 0.6s ease 1.4s;
	-o-transition: all 0.6s ease 1.4s;
	transition: all 0.6s ease 1.4s;
}
.active .v_move8{top: 0;	opacity: 1}

.d_move1{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease ;
	-moz-transition: all 0.6s ease ;
	-o-transition: all 0.6s ease ;
	transition: all 0.6s ease;
}
.active .d_move1{top: 0;	opacity: 1}

.d_move2{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 0.2s;
	-moz-transition: all 0.6s ease 0.2s;
	-o-transition: all 0.6s ease 0.2s;
	transition: all 0.6s ease 0.2s;
}
.active .d_move2{top: 0;	opacity: 1}

.d_move3{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 0.4s;
	-moz-transition: all 0.6s ease 0.4s;
	-o-transition: all 0.6s ease 0.4s;
	transition: all 0.6s ease 0.4s;
}
.active .d_move3{top: 0;	opacity: 1}

.d_move4{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 0.6s;
	-moz-transition: all 0.6s ease 0.6s;
	-o-transition: all 0.6s ease 0.6s;
	transition: all 0.6s ease 0.6s;
}
.active .d_move4{top: 0;	opacity: 1}

.d_move5{
	position: relative;top: 50px;	opacity: 0;
	-webkit-transition: all 0.6s ease 0.8s;
	-moz-transition: all 0.6s ease 0.8s;
	-o-transition: all 0.6s ease 0.8s;
	transition: all 0.6s ease 0.8s;
}
.active .d_move5{top: 0;	opacity: 1}

.d_move6{
	position: relative;bottom: 20px;	opacity: 0;
	-webkit-transition: all 0.6s ease 1s;
	-moz-transition: all 0.6s ease 1s;
	-o-transition: all 0.6s ease 1s;
	transition: all 0.6s ease 1s;
}
.active .d_move6{bottom: 0;	opacity: 1}

.d_move7{
	position: relative;bottom: 20px;	opacity: 0;
	-webkit-transition: all 0.6s ease 1.2s;
	-moz-transition: all 0.6s ease 1.2s;
	-o-transition: all 0.6s ease 1.2s;
	transition: all 0.6s ease 1.2s;
}
.active .d_move7{bottom: 0;	opacity: 1}

.y_move1{
	opacity: 0;
	-webkit-transform: rotateY(70deg);
	-moz-transform: rotateY(70deg);
	-o-transform: rotateY(70deg);
	transform: rotateY(70deg);
	-webkit-transition: all 1s ease 0.2s;
	-moz-transition: all 1s ease 0.2s;
	-o-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}
.active .y_move1{
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);

}

.y_move2{
	opacity: 0;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-o-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 1s ease 0.2s;
	-moz-transition: all 1s ease 0.2s;
	-o-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}
.active .y_move2{
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}

.fade4{
	opacity: 0;
	-webkit-transition: all 0.6s ease 1s;
	-moz-transition: all 0.6s ease 1s;
	-o-transition: all 0.6s ease 1s;
	transition: all 0.6s ease 1s;
}
.active .fade4{opacity: 1}

.fade5{
	opacity: 0;
	-webkit-transition: all 0.6s ease 1.2s;
	-moz-transition: all 0.6s ease 1.2s;
	-o-transition: all 0.6s ease 1.2s;
	transition: all 0.6s ease 1.2s;
}
.active .fade5{opacity: 1}


.h_move1{
	position: relative; left: -50px; opacity: 0;
	-webkit-transition: all 0.6s ease ;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.active .h_move1{left: 0;	opacity: 1}

.h_move2{
	position: relative; left: -50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.2s;
	-moz-transition: all 0.6s ease 0.2s;
	-o-transition: all 0.6s ease 0.2s;
	transition: all 0.6s ease 0.2s;
}
.active .h_move2{left: 0;	opacity: 1}

.h_move3{
	position: relative; left: -50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.4s;
	-moz-transition: all 0.6s ease 0.4s;
	-o-transition: all 0.6s ease 0.4s;
	transition: all 0.6s ease 0.4s;
}
.active .h_move3{left: 0;	opacity: 1}

.h_move4{
	position: relative; left: -50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.6s;
	-moz-transition: all 0.6s ease 0.6s;
	-o-transition: all 0.6s ease 0.6s;
	transition: all 0.6s ease 0.6s;
}
.active .h_move4{left: 0;	opacity: 1}

.h_move5{
	position: relative; left: -50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.8s;
	-moz-transition: all 0.6s ease 0.8s;
	-o-transition: all 0.6s ease 0.8s;
	transition: all 0.6s ease 0.8s;
}
.active .h_move5{left: 0;	opacity: 1}

.h_move6{
	position: relative; left: -50px; opacity: 0;
	-webkit-transition: all 0.6s ease 1s;
	-moz-transition: all 0.6s ease 1s;
	-o-transition: all 0.6s ease 1s;
	transition: all 0.6s ease 1s;
}
.active .h_move6{left: 0;	opacity: 1}

.h_move1_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.2s;
	-moz-transition: all 0.6s ease 0.2s;
	-o-transition: all 0.6s ease 0.2s;
	transition: all 0.6s ease 0.2s;
}
.active .h_move1_r{left: 0;	opacity: 1}

.h_move2_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.4s;
	-moz-transition: all 0.6s ease 0.4s;
	-o-transition: all 0.6s ease 0.4s;
	transition: all 0.6s ease 0.4s;
}
.active .h_move2_r{left: 0;	opacity: 1}

.h_move3_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.6s;
	-moz-transition: all 0.6s ease 0.6s;
	-o-transition: all 0.6s ease 0.6s;
	transition: all 0.6s ease 0.6s;
}
.active .h_move3_r{left: 0;	opacity: 1}

.h_move4_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 0.8s;
	-moz-transition: all 0.6s ease 0.8s;
	-o-transition: all 0.6s ease 0.8s;
	transition: all 0.6s ease 0.8s;
}
.active .h_move4_r{left: 0;	opacity: 1}

.h_move5_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 1s;
	-moz-transition: all 0.6s ease 1s;
	-o-transition: all 0.6s ease 1s;
	transition: all 0.6s ease 1s;
}
.active .h_move5_r{left: 0;	opacity: 1}

.h_move6_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 1.2s;
	-moz-transition: all 0.6s ease 1.2s;
	-o-transition: all 0.6s ease 1.2s;
	transition: all 0.6s ease 1.2s;
}
.active .h_move6_r{left: 0;	opacity: 1}

.h_move7_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 1.4s;
	-moz-transition: all 0.6s ease 1.4s;
	-o-transition: all 0.6s ease 1.4s;
	transition: all 0.6s ease 1.4s;
}
.active .h_move7_r{left: 0;	opacity: 1}

.h_move8_r{
	position: relative; left: 50px; opacity: 0;
	-webkit-transition: all 0.6s ease 1.6s;
	-moz-transition: all 0.6s ease 1.6s;
	-o-transition: all 0.6s ease 1.6s;
	transition: all 0.6s ease 1.6s;
}
.active .h_move8_r{left: 0;	opacity: 1}

.w_move3{
	width:0;
	-webkit-transition: all 1s ease 0.6s;
	-moz-transition: all 1s ease 0.6s;
	-o-transition: all 1s ease 0.6s;
	transition: all 1s ease 0.6s;
}
.active .w_move3{width:100%;}











.util01 {display:flex; align-items:center; gap:20px;}
.util01 .text-contour {content:none; border-right:2px solid #fff; height:12px;}
.util01 a {transition:0.3s;}
.util01 a:hover {color:#15BF5D;}
.nav_cnt {display:flex; flex-direction:column; gap:40px;} 
.sub-manu-btn-wrap {display:flex;  align-items:center; gap:20px;}
.sub-manu-btn-wrap a {font-weight:300; width:80px; height:80px; border-radius:100px; background-color:#15BF5D; font-size:16px; display:flex; justify-content:center; align-items:center; gap:6px; flex-direction:column; color:#fff;}
.nav_list ul:after {margin:40px 0 0 0;}
.nav_list .home img {width:160px;}




@media only screen and (max-width: 1024px) {
	header {min-width:auto}
	.main-title > p {font-size:25px;}
	.main-text {font-size:26px;}
}




@media only screen and (max-width: 425px) {
	header .inner{width:100%; padding:0 20px; position:}
	header .inner .gnb {display:none;}
	header .inner .util01 li {display:none;}
	.util01 .text-contour {display:none;}
	.gnb li{margin-left:45px}
	.main-text {line-height:1.3; font-size:28px; font-weight:800;}
	.main-title > p {font-size:18px;}
	.main01 .join-btn {margin-top:24px; width:122px; font-size:14px; padding:8px 0px; gap:4px; font-weight:400;}
	.main01 .sub-text {font-size:18px; line-height:1.5;}
	.main01 .sub-text span {width:28px;}
	.main01 {background-position : bottom;}
	.main01 .main-bg {backdrop-filter: blur(1px); linear-gradient(0deg, rgba(11, 22, 49, 0.6) , rgba(5, 9, 21, 0.90) 40%)}
	.main01 .text-wrap {gap:140px; width:90%;}
	.sec02 .text-wrap div {font-size:20px; word-break:keep-all; line-height:1.3; margin-top:8px;}
	.sec02 .text-wrap p {font-size:16px;}
	.info-box-wrap {display:flex; gap:12px; width:100%;}
	.sec02 .box-wrap {flex-direction:column; gap:12px; width:90%;}
	.sec02 .box-wrap .info-box {width:calc( 100% / 2 ); height:164px; gap:16px;} 
	.sec02 .box-wrap .info-box div:first-child {width:70px; height:70px;}
	.info-box .text-wrap {font-size:16px; gap:6px;}
	.info-box .text-wrap p {font-size:14px; font-weight:400;}
	.sec02 {gap:40px; padding:20px 0;}
	.sec02 .text-wrap:first-child {width:90%; text-align:start;}
	.footer01 article {width:90%; flex-direction:column; gap:20px;}
	.footer01 .text-wrap {gap:10px;}
	.footer01 .text-wrap .copy-right {text-align:left;}
	.footer01 article .text-wrap ul {gap:24px; font-size:13px;}
	.footer01 {padding:32px 0;}
	.main-title {gap:8px;}
	.main01 .join-btn {}
	header .logo a {width:100px;}
	.sec02 {background-size:100%;}
	.rnb_open_wrap {display:block !important;}
	
	#menu_wrap .nav_list {padding:0 20px 0 40px; width:340px;}
	.nav_list .home img {width:100px;}
	header .inner {height:64px; width:90%;}
	.gnb li{margin-left:45px}
}




@media only screen and (max-width: 425px){

}



* [class*="trans-up"] {transition:opacity 0.6s, transform 0.6s ease; transform:translateY(50px); opacity:0;}
* [class*="trans-down"] {transition:opacity 0.6s, transform 0.6s ease; transform:translateY(-50px); opacity:0;}
* [class*="trans-right"] {transition:opacity 0.6s, transform 0.6s ease; transform:translateX(-50px); opacity:0;}
* [class*="trans-left"] {transition:opacity 0.6s, transform 0.6s ease; transform:translateX(50px); opacity:0;}
.active2 .trans-up1, .active2 .trans-down1, .active2 .trans-right1, .active2 .trans-left1 {transition-delay:0s;}
.active2 .trans-up2, .active2 .trans-down2, .active2 .trans-right2, .active2 .trans-left2 {transition-delay:0.1s;}
.active2 .trans-up3, .active2 .trans-down3, .active2 .trans-right3, .active2 .trans-left3 {transition-delay:0.2s;}
.active2 .trans-up4, .active2 .trans-down4, .active2 .trans-right4, .active2 .trans-left4 {transition-delay:0.3s;}
.active2 .trans-up5, .active2 .trans-down5, .active2 .trans-right5, .active2 .trans-left5 {transition-delay:0.4s;}
.active2 .trans-up6, .active2 .trans-down6, .active2 .trans-right6, .active2 .trans-left6 {transition-delay:0.5s;}
.active2 .trans-up7, .active2 .trans-down7, .active2 .trans-right7, .active2 .trans-left7 {transition-delay:0.6s;}
.active2 .trans-up8, .active2 .trans-down8, .active2 .trans-right8, .active2 .trans-left8 {transition-delay:0.7s;}
.active2 .trans-up9, .active2 .trans-down9, .active2 .trans-right9, .active2 .trans-left9 {transition-delay:0.8s;}
.active2 .trans-up10, .active2 .trans-down10, .active2 .trans-right10, .active2 .trans-left10 {transition-delay:0.9s;}
.active2 .trans-up11, .active2 .trans-down11, .active2 .trans-right11, .active2 .trans-left11 {transition-delay:1s;}
.active2 .trans-up12, .active2 .trans-down12, .active2 .trans-right12, .active2 .trans-left12 {transition-delay:1.1s;}
.active2 [class*="trans-up"],
.active2 [class*="trans-down"],
.active2 [class*="trans-right"],
.active2 [class*="trans-left"] {transform:translate(0); opacity:1;}