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









/* LOGIN */
.login{position: relative; height:100vh; width: 100%; /*background:linear-gradient(180deg, #FFF 0%, #EFF6F1 100%);*/ background: url('../../../leaderscpa_new/login-bg.png' )  no-repeat; background-size:110%; background-position:center;}
.login .content{position: relative; padding-top: 200px; width: 420px; margin: 0 auto 350px; color: #fff}
.login .content .text-wrap{font-size: 20px; letter-spacing: -1px; text-align: center; color:#000;}
.login .content .text-wrap img {width:160px;}
.login .content .text-wrap div {font-weight: 700; font-size: 36px; color:#242725; margin:40px 0;}
.login .content .text-wrap p strong{color: #1450f9}
.login .content li{margin-bottom: 18px}
.login .content li:nth-child(3){ margin: 0px 0 40px; padding: 0 9px; color:#6e6e6e; display:flex; justify-content:space-between;}
.login .content li input{width: 100%; height: 54px; border: 1px solid #CBD4DC; background: #fff; color: #939BA3; letter-spacing: -1px; padding-left: 30px; border-radius: 12px; font-size:16px; font-weight:300;}
/* Ç÷¹À̽ºÈ¦´õ »ö»ó */
.login :-ms-input-placeholder { /* ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 10+ */
   color: #7d7d7d !important
}
.login input::placeholder {
  color: #7d7d7d
}
.login .content li input[type="checkbox"]{display: none}
.login .content li label{letter-spacing: -0.2px; padding-left: 27px; background: url('../../../leaderscpa_new/sub/login/chk_off.png') no-repeat 0 50%; cursor: pointer}
.login .content li input:checked+label{background-image: url('../../../leaderscpa_new/sub/login/login_chk.png')}
.login .content li > a{font-weight:400; font-size:16px; display: block; width: 100%; height: 54px; line-height: 58px; background: #0E9346; border-radius: 12px; text-align: center}
.login .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;}

.login .content li > .login-join-btn {font-size:16px; color:#0E9346;display: block; width: 100%; height: 58px; line-height: 58px; background: #fff; border-radius: 12px; text-align: center; border:1px solid #CBD4DC;}
.login .content .join_btn p:nth-child(2){font-weight: 700; font-size: 23px; line-height: 20px}
.login .foot_btm{color: #fff}
.login .bg_r{display: none}

.login header{background: #fff; border-bottom-color: rgba(183, 183, 183, .47)}
.login header .logo a{background-image: url('../../../leaderscpa_new/logo_bk.png')}
.login header .logo a img{max-width:100%;}
.login header ul li a, .login header .gnb li a{color: #111}
.login header .gnb li a:before, .login header .gnb li a:after{background: #006cfc}
.login header .gnb li a:hover{color: #006cfc}
.login header .gnb li a:hover:after{width: 50%}
.login header .gnb li a:hover:before{width: 50%}
.login header .util li:nth-child(1) a {color:#fff;background:#006cfc;padding:0 15px;text-align:center;}
.login header .util li:nth-child(1) a:hover {color:#000;background:#edfb21;}
.login header .util li:nth-child(2):after{background: rgba(0, 0, 0, .3)}
.login header .util li:nth-child(2) span{color: #006cfc}


/* //LOGIN */

/* ==============================¾ÆÀ̵ðã±â============================== */
.sub .title{font-size: 18px; margin-bottom: 8px; font-weight: 500}
.bg_r{position: absolute; bottom: -200px; right: 100px}


.find .type{margin-top: 130px}
.type{width: 540px; margin: 108px auto 0}
.type dl{float: right}
.type dl:first-child{float: left}
.type dl dt{font-size: 18.28px; color: #7d7d7d; margin-bottom: 30px}
.type dl dt p{font-size: 22.58px; color: #006cfc}
.type dl dd a{
	display: block; width: 236px; height: 236px; padding-top: 120px; border: 1px solid #006cfc; border-radius: 118px;
	box-sizing: border-box; color: #edfb21; font-size: 21px; line-height: 28px
}
.type dl:nth-child(1) dd a{background: #006cfc url('../../../leaderscpa_new/join/main_ico1.png') no-repeat 50% 60px}
.type dl:nth-child(2) dd a{background: #006cfc url('../../../leaderscpa_new/join/main_ico2.png') no-repeat 50% 60px}
.type dl dd a:hover{background-color: #fff; color: #006cfc}
.find input:-ms-input-placeholder { /* ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 10+ */
   color: #7d7d7d
}
.find input::placeholder {
  color: #7d7d7d
}
.find div input{width: 100%; height: 58px; box-sizing: border-box; padding-left: 30px; border: 1px solid #CBD4DC; border-radius: 12px; background: #fff; color: #939BA3}
.find .comp_btn{display: block; height: 58px; line-height: 58px; color: #fff; width: 100%; background: #0E9346; border-radius: 12px; display:flex; justify-content:center; align-items:center}
.find .cell_line > *{float: left}
.find .cell_line input[type="tel"]{width: 80%}
.find .cell_line button{width:20%; background: #555;  height: 54px; color: #fff; border-radius: 12px; display:flex; justify-content:center; align-items:center; }
.find .cell_line input[type="num"]{width: 138px; background: #fff !important; padding-left: 20px !important}
.find .biz_num > *{float: left}
.find .biz_num input:nth-child(1){width: 197px}
.find .biz_num input:nth-child(2){width: 112px; margin: 0 11px}
.find .biz_num input:nth-child(3){width: 190px}
.find .title-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;}
.find .title-wrap img {width:140px;}

.find div input {border-radius:12px; }
.find {background:linear-gradient(180deg, #FFF 0%, #EFF6F1 100%);}
.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:20px 0;}}

/* °³ÀÎ */
#persnal_id #findFrm {display:flex; flex-direction:column; justify-content:center;  gap:10px;}
#persnal_id {width: 420px; height: 800px; margin: 0 auto; padding-top: 230px; text-align: center; color: #111; letter-spacing: -1px; display:flex; flex-direction:column; gap:40px}
#persnal_id .info1 input{width: 100%}
#persnal_id .cell_line{ display:flex; gap:10px; align-items:center;}
#ucellnum {width: 100%; height: 58px; box-sizing: border-box; padding-left: 30px;border: 1px solid #CBD4DC; border-radius: 12px; background: #fff;
color: #939BA3;}



.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}



/* »ç¾÷ÀÚ */
#biz_id{width: 521px; height: 800px; margin: 0 auto; padding-top: 230px; text-align: center; color: #111; letter-spacing: -1px}
#biz_id form{margin-top: 77px}
#biz_id button{height: 58px; color: #fff; border-radius: 3px}
#biz_id .info1 input{width: 100%}
#biz_id .biz_num{margin: 13px 0}
#biz_id .cell_line{margin: 13px 0 40px; padding-bottom: 37px; border-bottom: 1px dashed rgba(90, 90, 90, .7)}

/* ¿Ï·á */
#complete_id{width: 521px; height: 800px; margin: 0 auto; padding-top: 230px; text-align: center; color: #111; letter-spacing: -1px}
#complete_id form{margin-top: 77px}
#complete_id p{font-size: 20px; color: #7d7d7d; margin-bottom: 40px; padding-bottom: 55px; border-bottom: 1px dashed rgba(90, 90, 90, .7)}
#complete_id p .name{color: #111}
#complete_id p .uid{color: #006cfc}
#complete_id .btn a{float: right; width: 253px; height: 58px; box-sizing: border-box; border: 1px solid #006cfc; border-radius: 3px; color: #006cfc; line-height: 58px}
#complete_id .btn .login_btn{float: left; color: #fff; text-align: right; background: #006cfc url('../../../leaderscpa_new/login_ico2.png') no-repeat 83px 17px; padding-right: 90px}
/* ==============================// ¾ÆÀ̵ðã±â============================== */

/* ==============================ºñ¹Ð¹øȣã±â============================== */
.sub .tab_btn a.on {background-color: #0e9346; color:#fff;}
.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;}
.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: 6px 1px, 100% 1px;
  border: none;}


/* °³ÀÎ */
#per_pw{width: 440px; height: 800px; margin: 0 auto; padding-top: 230px; text-align: center; color: #111; letter-spacing: -1px}
#per_pw form{margin-top: 30px; display:flex; flex-direction:column; gap:10px;}
#per_pw .info1 input, #per_pw .info2 input{width: 100%}
#per_pw .info1{}
#per_pw .cell_line{ display:flex; align-items:center; gap:10px;}
#per_pw .tab_btn {margin:20px 0; gap:80px;}

/* »ç¾÷ÀÚ */
#biz_pw{width: 521px; height: 850px; margin: 0 auto; padding-top: 230px; text-align: center; color: #111; letter-spacing: -1px}
#biz_pw form{margin-top: 55px}
#biz_pw .info1{}
#biz_pw .biz_num{margin: 13px 0}
#biz_pw .cell_line{margin: 13px 0 40px; padding-bottom: 37px; border-bottom: 1px dashed rgba(90, 90, 90, .7)}

/* ¿Ï·á */
#complete_pw{width: 521px; height: 800px; margin: 0 auto; padding-top: 230px; text-align: center; color: #111; letter-spacing: -1px}
#complete_pw form{margin-top: 77px}
#complete_pw p{font-size: 18px; color: #7d7d7d; margin-bottom: 25px}
#complete_pw .info2{margin: 20px 0 53px; padding-bottom: 60px; border-bottom: 1px dashed rgba(90, 90, 90, .7)}
#complete_pw .btn a{float: right; width: 253px; height: 58px; box-sizing: border-box; border: 1px solid #006cfc; border-radius: 3px; color: #006cfc; line-height: 58px}
#complete_pw .btn .login_btn{float: left; color: #fff; text-align: right; background: #006cfc url('../../../leaderscpa_new/login_ico2.png') no-repeat 83px 17px; padding-right: 90px}
#complete_pw .comp_btn{display: block; height: 58px; line-height: 58px; color: #fff; width: 100%; background: #006cfc; border-radius: 3px}
/* ==============================// ºñ¹Ð¹øȣã±â============================== */

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: #111;
  -webkit-box-shadow: 0 0 0px 1000px #transparent inset;
  transition: background-color 500000s linear 0s;
}

/* 190917 ÆÛºí¸µÄü¹è³ÊÃß°¡ */
#quick2{position:absolute; right:-329px; top:515px; z-index:1;font-family:"noto sans kr"; -webkit-animation: bounce 3s linear 1s infinite alternate; animation: bounce 3s linear 1s infinite alternate; }
#quick2 a , #quick2 a > *{display: block}
#quick2 a{width: 161px; height: 161px; background: #0906ff; border-radius: 84px; box-sizing: border-box; text-align: center; color: #fff; text-decoration: none}
#quick2 a .q_tit{padding: 15px 0 0 43px}
#quick2 a .q_tit img{width:131px}
#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: 161px; height: 161px; 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{
	 0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
	50% {-webkit-transform: translateY(16px);}
}
@keyframes bounce{
	0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
  50% {transform: translateY(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)}
}



@media only screen and (max-width: 425px) {
#wrap {overflow: unset;}
.login {background:linear-gradient(180deg, #FFF 0%, #EFF6F1 100%); height:auto;}
.login .content {width:280px; padding:120px 0; margin:0 auto;}
.sub .title {font-size:16px}
.login .content .text-wrap img {width:120px;}
.login .contour {width:280px; margin:20px 0;}
.login .content .text-wrap div {font-size:28px; margin:28px 0;}
.login .content li input {font-size:14px; padding-left:20px; height:52px;}
.login .content li:nth-child(3) {font-size:14px; margin-bottom:30px;}
.login .content li > a {display:flex; justify-content:center; align-items:center; height:52px;}
.login .content li > .login-join-btn {display:flex; justify-content:center; align-items:center; height:52px;}

#persnal_id {width:280px; padding-top:100px;}
#per_pw {width:280px; padding-top:100px;}
#per_pw .tab_btn {gap:60px;}
.find .cell_line button {font-size:14px;}
.find .contour {width:280px;}
}