@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;
}





.sub{position: relative; background: linear-gradient(180deg, #FFF 0%, #EFF6F1 100%);}
.sub .content{padding-top: 160px; text-align: center; color: #111; letter-spacing: -1px; font-weight: 300; margin-bottom: 220px}
.sub .title{font-size: 28px;}
.sub .sub_tit{font-weight: 400}
.sub .sub_tit .b-tit{font-size: 18px; margin-bottom: 4px}
.sub .sub_tit .s-tit {font-size: 16px; opacity: .73; letter-spacing: -0.5px; font-weight:300; margin-bottom:4px;}
.sub .tab_btn {align-items:center; position: relative; width: 100%; margin:40px 0; box-sizing: border-box; display:flex; gap:100px; justify-content:center;}
.sub .tab_btn a {border-radius:40px; width:40px; height:40px; background-color:#edefee; display:flex; justify-content:center; align-items:center; position: relative; float: left;  font-size: 20px; color: #959595; font-weight: 700; cursor: default}
.sub .tab_btn a.on {background-color: #0e9346; color:#fff;}

.sub .footer{position: absolute; bottom: 20px; left: calc(50% - 267.955px); background: none; height: auto}
.bg_r{position: absolute; bottom: 380px; right: 100px}



.tab_btn span {content:none; width:60%;  border:1px dashed #000; position:absolute; top:30%;  height: 2px;
  background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(100deg, #409162, #c2cbc4);
  background-size: 10px 1px, 100% 1px;
  border: none;}

.step-wrap {display:flex; flex-direction:column; gap:8px; justify-content:center; align-items:center; font-weight:300; font-size:12px; color:#959595;}


.join_top{background:url('../../../leaderscpa_new/join/join_top_bg.jpg') no-repeat center/cover; margin-top:79px}
.join_top .content{padding-top:100px; padding-bottom:74px; width:1000px; margin:0 auto; text-align:left}
.join_top .title{color:#fff; font-size:50px; font-weight:100; line-height:1; letter-spacing:-2px}
.join_top .title .txt02{margin:20px 0; font-weight:700}
.join_top .title .txt03{font-size:46px}
.join_top .title .txt02 span{color:#d7ff00}
.join_top .list{display:flex; top:130px; right:0; gap:20px}
.join_top .list li{width:250px; height:300px; border-radius:10px; box-shadow:5px 10px 13px rgba(0,0,0,.1); padding:40px 20px; box-sizing:border-box; position:relative}
.join_top .list .list1{background:#d7ff00}
.join_top .list .list2{background:#f4595f}
.join_top .list li::after{content:""; display:block; position:absolute; bottom:30px; right:30px; width:57px; height:57px; background:url('../../../leaderscpa_new/join/join_list_ico.png') no-repeat center/cover}
.join_top .list li.list2::after{filter:invert(100%) sepia(0%) saturate(7481%) hue-rotate(111deg) brightness(106%) contrast(100%)}
.join_top .list p{line-height:1; letter-spacing:-1.5px}
.join_top .list span{width:115px; height:35px; line-height:35px; text-align:center; font-size:16px; font-weight:500; border-radius:17.5px; display:inline-block; margin-bottom:30px}
.join_top .list .list1 span{background:#000; color:#fff}
.join_top .list .list2 span{background:#d7ff00}
.join_top .list .txt01{font-size:22px}
.join_top .list .txt02{font-size:24px; font-weight:700; margin:10px 0}
.join_top .list .txt03{font-size:27px; font-weight:700}
.join_top .list .list1 .txt03{color:#f30600}
.join_top .list .list2 .txt01,
.join_top .list .list2 .txt02{color:#fff}
.join_top .list .list2 .txt03{color:#d7ff00}
.join_btm .content{padding-top:220px; display:flex; flex-direction:column; gap:60px;}
.join_btm .content .text-wrap {display:flex; flex-direction:column; gap:8px;}

.join-box { box-sizing:border-box; width:280px;  transition:0.2s; background-color:#fff; padding:40px 28px; border:solid #f1f1f1 1px; border-radius:16px;  display:flex; flex-direction:column; gap:32px;}
.join-box:hover {scale:1.03;}
.join-box:hover a {background-color:#0E9346; color:#fff;}
.join-box dd img {width:40px;}
.join-box dd {display:flex; flex-direction:column; align-items:center; gap:32px}

.join-box dd img {width:65px;}
join-box:second-child img {width:70px;}




/* ==============================À妽º============================== */
.join .sub_tit{font-size: 18px; color:2019-03-19 rgba(17, 17, 17, .73)}
.type{width: 50%; margin:0 auto; display:flex; justify-content:center; align-items:center; gap:40px; }
.type dl{float: right}
.type dl:first-child{float: left}
.type dl dt{font-size: 16px; color: #434343;  display:flex; flex-direction:column; gap:4px;}
.type dl dt p{font-size: 18px; color: #181818; font-weight:300;}
.type dl dd a{
	display: block; padding:16px 20px; background-color:#f9f9f9; border-radius: 40px; border:1px solid #f8f8f8;
	box-sizing: border-box; color: #0a1728; font-size: 18px;  width:200px; transition:0.2s; font-weight:500;
}




/* ==============================// À妽º============================== */

/* ==============================ȸ¿ø°¡ÀÔÆû============================== */
/* .persnal, .buisness{height: 1400px} */
.persnal .content, .buisness .content{width: 460px; margin: 0 auto; padding-bottom:80px;}
.step li{position: relative; font-weight: 400; color: #7d7d7d; height: auto; display:flex; gap:12px; align-items:center;}
.step li > div{position: relative; float: left}
.step li input, .step li select{width: 100%; height: 58px; border: 1px solid #CBD4DC; background-color: #fdfdfd; border-radius: 12px; padding-left: 20px; box-sizing: border-box; font-size:16px; font-weight:300; color:#939BA3}
.step li select option{width: 200px}
.step li button{background: #454d5c; color: #fff; height: 58px; line-height: 58px; border-radius: 12px; font-size:14px;}
.step li .next_step{
	display: block; width: 100%; height: 58px; line-height: 58px; color: #fff;
	background: #0e9346; margin-top:40px; border-radius:12px; font-size:16px;
}
.per_step, .biz_step{display: none}
.sub_area .sub_tit:last-child{display: none}
.sub_area .sub_tit:last-child{font-size: 19px; color: #555}
.sub_area .sub_tit:last-child span{color: #006cfc}

/* STEP1 */
.step1 li .unum{background: #fff; padding-left: 20px}
.step1 .db_chk > div{width: 80%;}
.step1 .db_chk button{width: 20%; display:flex; justify-content:center; align-items:center; height:54px;}
.step1 .hp_chk > div{width: 80%;}
.step1 .hp_chk button{width: 20%; display:flex; justify-content:center; align-items:center; height:54px;}
.step1 .list3_1{height: 55px; line-height: 55px}
.step1 .list3_1 > *{float: left}
.step1 .list3_1 a{width: 210px; height: 100%; box-sizing: border-box; font-size: 15px; color: #7d7d7d;}
.step1 .list3_1 .cer1{margin: 0 18px 0 35px}
.step1 .list4{display:block; height: auto;}
.step1 .list4 button{width: 74px;}
.step1 .biz_cell > input{float: left;}
.step1 .biz_cell button+input{float: right; width: 138px; background: #fff; padding-left: 20px}
.step1 .list7{margin-bottom:30px; text-align:left;}
.step1 .list7 .sms_agree{float: unset; margin:12px 0 15px; padding-left: 0;}
.step1 .list7 .sms_agree label{display: inline-block; margin:0 0 15px 30px;}
.step1 .list7 .sms_agree .infchk{float:unset; height:0; opacity:0; overflow:hidden; transition:height 0.6s ease, overflow 0.6s ease, opacity 0.6s ease .1s;}
.step1 .list7 .sms_agree input:checked~.infchk{height:134px; opacity:1; transition:height 0.6s ease, overflow 0.6s ease, opacity 0.4s ease;}
.step1 .list7 .sms_agree select{margin-top:18px;}
.step1 .list7 > label{font-size:18px; color:#111;}
.step1 .list7 .event-banner{position:absolute; width:280px; height:40px; line-height:38px; padding-left:25px; border:1px solid #333; border-radius: 3px; box-sizing:border-box; right:0; top:32px; font-size:16px; text-align:center; color:#111; background:#d7ff00 url('../../../leaderscpa_new/join/ico_user.png') no-repeat center left 20px;}
.step1 .list7 .event-banner strong{color:#2746f8;}
.step1 {display:flex; flex-direction:column; gap:12px;}

/* // STEP1 */

/* STEP2 */
.step2 span {text-align:left; margin-left:4px; font-size:16px; color:#707070;}
.step2{gap:12px; display:flex; flex-direction:column;}
.step2 li {gap:0;}
.step .step2 {display:flex; flex-direction:column; gap:12px;}
.step2 .list4{}
.step2 .list4 > div:last-child{float: right}
.step2 .list5{display:flex; flex-direction:column; height: 150px; margin-top:40px}
.step2 .list5 > div{width: 100%; text-align: left; text-indent: 9px; margin-bottom: 5px; font-size: 15px}
.step2 .list5 > div:first-child{color: #111; font-size: 16px; padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px dashed rgba(90, 90, 90, .7); font-size: 16px}
.step2 .list5 label{
	display: block; background: url('../../../leaderscpa_new/sub/login/chk_off.png') no-repeat 100% 50%; cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.step2 .list5 .chk_all{background-image: url('../../../leaderscpa_new/sub/login/chk_off.png')}
.step2 .list5 input:checked + label{background-image: url('../../../leaderscpa_new/sub/login/login_chk.png')}
.step2 .list5 input:checked + .chk_all{background-image: url('../../../leaderscpa_new/sub/login/login_chk.png')}
.step2 .list5 div a{position: absolute; top: 0; left: 163px; z-index: 1000}
.step2 li input[type="checkbox"]{display: none}

/* °³ÀÎ */
.persnal .step2 .list4{height: auto}
.persnal .step2 .list4 > div{width: 256px; margin-bottom: 10px}
.persnal .step2 .list4 > div:first-child{margin-right: 9px}
/* //°³ÀÎ */

/* »ç¾÷ÀÚ */
.buisness .step2 .list2 div{width: 145px}

.buisness .step2 .list2 input:nth-child(2){margin: 0 5px}

/* //»ç¾÷ÀÚ */

/* STEP2 Æ˾÷ */
.layer{position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%}
.layer .joinpop{
	top: 130px; left: calc(50% - 234.5px); width: 469px; height: 497px; font-weight: 300; letter-spacing: -1px; color: #fff; box-sizing: border-box; text-align: left;
	background: url('../../../leaderscpa_new/join/joinpop_bg.png') no-repeat; font-size: 19px; z-index: 1000; padding-top: 60px;
	opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px);
	-webkit-transition: all 0.6s ease; transition: all 0.6s ease;
}
.active .layer .joinpop{opacity: 1; -webkit-transform: translate(0); transform: translate(0)}
.joinpop .top p:nth-child(1){
	width: 313px; height: 52px; line-height: 52px; margin: 0 auto; border-radius: 313px;
	border: 1px solid #fff; 	font-size: 25px; text-align: center; margin-bottom: 54px; background: #006cfc
}
.joinpop .top p:nth-child(2){color: #d8ff00; padding-left: 80px; font-weight: 400; background: url('../../../leaderscpa_new/join/joinpop_ico.png') no-repeat 25px 50%}
.joinpop .top p:nth-child(3){padding-left: 35px; margin-top: 54px}
.joinpop .btm{
	position: absolute; bottom: 0; width: 100%; height: 75px; line-height: 75px; color: #006cfc; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;
	background: #fff url('../../../leaderscpa_new/join/joinpop_chk.png') no-repeat 80% 50%; cursor: pointer; text-align: center
}
.layer .bg{background: rgba(0, 0, 0, .7); width: 100%; height: 100%}
/* //STEP2 Æ˾÷ */
/* //STEP2 */
/* ==============================// ȸ¿ø°¡ÀÔÆû============================== */


/* ==============================ȸ¿ø°¡ÀÔ¿Ï·á============================== */

.complete .sub_tit{font-size: 19px; color: #555; margin-bottom: 110px}
.complete .site_link li{margin-bottom: 22px}
.complete .site_link li a{
	display: block; width: 519px; height: 58px; color: #fff; line-height: 58px; margin: 0 auto; border-radius: 5px;
	background: #006cfc url('../../../leaderscpa_new/join/next_wh.png') no-repeat 80% 50%
}
.complete .site_link li:first-child a {height:63px;padding-top:12px;background:#d8ff00 url('../../../leaderscpa_new/join/next_bl.png') no-repeat 80% 50%;color:#111;border:1px solid #333;line-height:27px;font-weight:400;}
.complete .site_link li:first-child a strong {font-size:22px;}
/* ==============================// ȸ¿ø°¡ÀÔ¿Ï·á============================== */

/* ==============================¾ÆÀ̵ðã±â============================== */
.find_id{background-image: url('../../../leaderscpa_new/join/find_bg.jpg'); overflow: hidden}
.find_id .content{height: 800px; padding-top: 230px}
.find_id .type{margin-top: 130px}
.find_id .bg_r{bottom: -200px}

/* °³ÀÎ */
.persnal_id{background-image: url('../../../leaderscpa_new/join/find_bg.jpg'); overflow: hidden}
.persnal_id .content{width: 521px; margin: 0 auto; padding-top: 230px; height: 800px}
.persnal_id form{font-weight: 400; margin-top: 77px}
.persnal_id div input{height: 58px; box-sizing: border-box; padding-left: 30px; border: 1px solid #8b8b8b; border-radius: 3px; background: #f9f9f9; color: #111}
.persnal_id button{height: 58px; color: #fff; border-radius: 3px}
.persnal_id .info1 input{width: 100%}
.persnal_id .info2{margin: 13px 0 40px; padding-bottom: 37px; border-bottom: 1px dashed rgba(90, 90, 90, .7)}
.persnal_id .info2 > *{float: left}
.persnal_id .info2 input[type="tel"]{width: 285px}
.persnal_id .info2 button{width: 78px; background: #555; margin: 0 10px}
.persnal_id .info2 input[type="num"]{width: 138px; background: #fff; padding-left: 20px}
.persnal_id input:-ms-input-placeholder { /* ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 10+ */
   color: #7d7d7d
}
.persnal_id input::placeholder {
  color: #7d7d7d
}
.persnal_id .comp_btn{width: 100%; background: #006cfc}
.persnal_id .bg_r{bottom: -200px}
/* ==============================// ¾ÆÀ̵ðã±â============================== */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #7d7d7d;
  -webkit-box-shadow: 0 0 0px 1000px #transparent inset;
  transition: background-color 500000s linear 0s;
}

/* À̺¥Æ®È«º¸¹®ÀÚ ¼ö½Å */
.sms_agree{text-align: left; padding-left:8px;  box-sizing: border-box; display:flex; gap:8px; align-items:center; }
.sms_agree input[type=checkbox]{display: none}
.sms_agree label{color:#80858b; padding-left: 22px; background: url('../../../leaderscpa_new/admin/chk_off.png') no-repeat 0  / 16px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none}
.sms_agree input:checked+label{background-image: url('../../../leaderscpa_new/sub/login/login_chk.png')}

/* ¿Ï·áÆäÀÌÁö Ä«Ä«¿À¹è³Ê */
.complete .kakao_bn{position: static}
.complete .kakao_bn .main_bn{
	width: 519px; height: 58px; margin: 0 auto; border-radius: 5px; padding-top: 0; line-height: 58px; box-shadow: none; border: 1px solid #000;
	background-position: 140px 50%; text-align: center; color: #000; font-weight: 400
}
.complete .kakao_bn .main_bn p{display: inline-block; margin-left: 10px; font-size: 16px}
.complete .kakao_bn .main_bn img{width: 59px; height: auto; vertical-align: inherit}
.complete .kakao_bn .main_bn .cross{top: 16.5px; right: 140px; line-height: 23px; box-shadow: none}
.complete .kakaoGuide{width: 519px; margin: 30px auto 70px; padding-left: 10px}
.complete .kakaoGuide strong{float: left; width: 43px; height: 43px; font-size: 25px; text-align: center; line-height: 43px; border: 1px solid #000; border-radius: 22px; margin: 13.5px 20px 0 0}
.complete .kakaoGuide p{float: left; text-align: left; font-size: 16px; color: #636363; font-weight: 400}
.complete .kakaoGuide p span{position: relative; color: #000; z-index: 0}
.complete .kakaoGuide p span::after{content:""; position: absolute; bottom: 3px; left: -2px; width: 102%; height: 10px; background: rgba(255, 250, 0, .45); z-index: -1}
.complete .chatting{position:absolute; right:280px; bottom:440px; z-index:10}

/* 190917 ÆÛºí¸µÄü¹è³ÊÃß°¡ */
#quick2{position:absolute; right: 250px; top:calc(24.5% - 84px); z-index:1;font-family:"noto sans kr"; }
#quick2 a , #quick2 a > *{display: block}
#quick2 a{box-sizing: border-box; text-align: center; color: #fff; text-decoration: none;
background: url('../../../leaderscpa_new/quick/img1.png') no-repeat; width: 160px; height: 182px; position: relative;}
#quick2 a span{display: block;
position:absolute;
width:158px;
height:91px;
right:-1px;
bottom:0;
overflow:hidden;
border-radius: 0px 0px 10px 0px;}
#quick2 a span img{position: absolute; right: -100px; bottom: -100px; animation:shadows 2.5s ease .5s infinite;
opacity: 0;}
#quick2 a: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;}

@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;}
}

#quick2 a .q_tit{padding: 15px 0 0 43px}
#quick2 a .q_txt{font-size: 18px; font-weight: 300; line-height: 22px; margin: 8px 0; letter-spacing: -1px}
#quick2 .shadow{
	position: absolute; top: 0; left: 0; width: 168px; height: 168px; background: #0906ff; border-radius: 92px; z-index: -1;
	-webkit-animation: shadow 2s linear infinite; animation: shadow 2s linear infinite;
}
#quick2 .shadow.sh2{-webkit-animation-delay: 1s; animation-delay: 1s}
@-webkit-keyframes bounce{
	100%{-webkit-transform: translate(0, 16px)}
}
@keyframes bounce{
	100%{transform: translate(0, 16px)}
}
@-webkit-keyframes shadow{
	0%{opacity: 1; -webkit-transform: scale(0.8)}
	35%{opacity: 0.5}
	70%{-webkit-transform: scale(1.1)}
	100%{opacity: 0; -webkit-transform: scale(1.15)}
}
@keyframes shadow{
	0%{opacity: 1; transform: scale(0.8)}
	35%{opacity: 0.5}
	70%{transform: scale(1.1)}
	100%{opacity: 0; transform: scale(1.15)}
}

/* ȸ¿ø°¡ÀÔ¿Ï·á½Ã Æ˾÷ Ãß°¡ 220218 */
#joinPop{display: none; position: relative; z-index: 20000; font-size:20px; color:#111;}
#joinPop * {font-family:'Noto Sans KR';box-sizing:border-box;}
#joinPop .mont {font-family:'Montserrat';}
#joinPop .close{position:absolute;top:1px;right:-60px;}
#joinPop .hide {width:0;height:0;display:block;text-indent:100%;overflow:hidden;}
#joinPop .bg{position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);}
#joinPop .cnt{
	display:none; position: absolute; top:190px;left: calc(50% - 280px); width:560px; box-sizing: border-box; border-radius: 20px; opacity: 0;
	-webkit-transform: translate(0, -50px) rotate(0.000003deg); transform: translate(0, -50px) rotate(0.000003deg); -webkit-transition: all 0.6s ease; transition: all 0.6s ease;
}
#joinPop article {min-height:536px;padding:50px 40px; text-align:center;background:#fff;border-radius:30px;}
#joinPop article h1 {font-size:46px;letter-spacing:-2px;font-weight:500;line-height:55px;word-break: keep-all;}
#joinPop article p {width:480px;height:120px;margin-top:35px;padding:24px 0;font-size:24px;font-weight:500;background:#e7f1ff;line-height:35px;letter-spacing:-1.2px;}
#joinPop article p strong {color:#006cfc;font-weight:500;}
#joinPop article ul {padding-top:15px;}
#joinPop article li {text-align:left;margin-top:10px;font-size:20px;color:#666;font-weight:400;}
#joinPop article li::before {content:"";display:inline-block;width:23px;height:23px;vertical-align:top;margin-top:3px;margin-right:10px;background:url('../../../leaderscpa_new/join/join_pop_bullet.png');}
#joinPop .ea {margin-top:37px;}
#joinPop .jp_btn {display:block;height:60px;border-radius:10px;letter-spacing:-1.2px;}
#joinPop .ea button {width:225px;background:#e4e4e4;}
#joinPop .ea a {width:245px;color:#fff;background:#006cfc;line-height:60px;}
#joinPop.active .cnt{-webkit-transform: translate(0) rotate(0); transform: translate(0) rotate(0); opacity: 1}

/* ŸÀÓÆ˾÷ Æ˾÷ Ãß°¡ 231121 */
#timePop{display: none; position: relative; z-index: 20000; font-size:20px; color:#111;}
#timePop * {font-family:'Noto Sans KR';box-sizing:border-box;}
#timePop .mont {font-family:'Montserrat';}
#timePop .close{position:absolute;top:20px;right:20px;}
#timePop .hide {width:0;height:0;display:block;text-indent:100%;overflow:hidden;}
#timePop .bg{position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);}
#timePop .cnt{
	display:none; position: absolute; top:140px;left: calc(50% - 230px); width:460px; height:640px; box-sizing: border-box; border-radius: 20px; opacity:0;
	-webkit-transform: translate(0, -50px) rotate(0.000003deg); transform: translate(0, -50px) rotate(0.000003deg); -webkit-transition: all 0.6s ease; transition: all 0.6s ease;
}
#timePop .link {display:block; background:url('../../../leaderscpa_new/join/time_pop_bg.png') no-repeat center/cover; width:100%; height:100%}
#timePop.active .cnt{-webkit-transform: translate(0) rotate(0); transform: translate(0) rotate(0); opacity: 1}




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

#wrap {min-width:auto;     overflow: unset !important;} 
.join {height:auto !important;}
.join .sub_tit {font-size:16px;}
.sub .title {font-size:20px;}
.type {flex-direction:column; gap:30px;}
.join-box {width:260px;}
.join_btm .content {padding:140px 0; gap:40px;}
.sub .content {margin-bottom:0px; padding-top:100px;}

.type dl dt {font-size:14px;}
.type dl dt p {font-size:16px;}
.join-box {gap:28px;}
.join-box dd {gap:28px;}

.type dl dd a {font-size:16px; width:164px; padding:12px 20px;     background-color: #0E9346; color: #fff; font-weight:600;}



/* »ç¾÷ÀÚ È¸¿ø°¡ÀÔ */
.persnal .content, .buisness .content {width:280px;}
.sub .tab_btn {gap:40px;}
.sub .sub_tit .s-tit {font-size:14px;}
.step li input, .step li select {font-size:14px; height:52px;}
.sub .tab_btn a {width:32px; height:32px; font-size:16px;}
.step1 .db_chk button {height:48px; font-size:12px;}
.step li {}
.sms_agree label {font-size:14px;}
.step li .next_step {display:flex; justify-content:center; align-items:center; margin-top:30px;}
.step2 .list5 {height:0; margin:40px 0 10px;}
.step2 span {font-size:14px;}

}