/*
sub > m_sub
btn_wrap > m_btn_wrap
btn > m_btn
popup_wrap > m_popup_wrap
popup_detail > m_popup_detail
popup_cont > m_popup_cont
sub_visual > m_sub_visual    
    
*/

.m_section{max-width:480px; margin:0 auto;}
.act_fade{margin-bottom:3rem;}

/*################## sub 공통상단 ##################*/
/*TEXT*/
.m_sub_visual{position:relative; padding:1.6rem 0.6rem 0.6rem; margin-top:4rem;}
.m_sub_visual::before{position:absolute;left:0.6rem; bottom:0; width:calc(100% - 1.2rem); height:1px; background-color:#ccc; display:block; content:'';}
.m_sub_visual h2{font-size:1.4rem; text-align:left; color:#3a649a; font-family: 'GmarketSans'; font-weight:500;}
.m_sub_visual h2 b{font-weight:bold;}

/*################## sub ##################*/
/*.sub {padding:0 0.6rem;}*/
.m_sub{padding:0 0.6rem;}
.m_sub.mb{margin-bottom:7rem;}
.m_sub.mid_mb{margin-bottom:3rem;}



/*sub 인증*/
.m_sub .step_cont{padding-top:1.6rem;}
.m_sub .step_cont .step_tit{display:block; margin:0 auto; padding: 0 0.8rem; width:fit-content; height: 1.6rem; line-height:1.6rem; font-size:0.8rem; color:#fff; font-weight:bold; background-color:#3a649a; border-radius:1rem;}
.m_sub .step_cont h3 {margin:0.6rem 0 1.6rem; text-align:center; color:#3a649a; font-size:1.2rem; }
.m_sub .step_cont .cnt_box{padding: 1.2rem 0.6rem; border:1px solid #3a649a;}
.m_sub .step_cont .cnt_box .row + .row{margin-top:0.8rem;}
.m_sub .step_cont .cnt_box .row > label {display:block; margin-bottom:0.4rem;  font-size:1rem; font-weight:bold; }
.m_sub .step_cont .cnt_box .row input{width:100%; height:2.4rem; border:1px solid #ccc; }


.m_sub .step_cont .cnt_box .box{padding-top:1rem; border-top:1px solid #ccc;}
.m_sub .step_cont .cnt_box .chk_row{display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; margin-bottom:0.8rem;}
.m_sub .step_cont .cnt_box .chk_row > .blank{ display:block; padding-left:30px;}
.m_sub .step_cont .cnt_box .chk_row > .blank + .blank{margin-top:13px;}
.m_sub .step_cont .cnt_box p .tit{margin-left:1.8rem; padding-right:2rem; font-size:0.9rem; line-height:1.5;}
.m_sub .step_cont .cnt_box .cnt_txt{margin:0.4rem 0 0.6rem; padding-left:1.8rem; word-break:keep-all; font-size:0.9rem;}

.m_sub .step_cont .cnt_box .btn_pop{ position:absolute; right:0; top:0; width:20px; height:20px; background:url('https://img.self-tax.kr/selfTax/main/icon_more.png') no-repeat center center;}
.m_sub .step_cont .cnt_box .cont_scroll{display:none; padding:10px; margin-bottom:20px; border:1px solid #ccc;}

.cont_scroll{font-size:1rem;}
.cont_scroll table{margin:10px 0; width:100%;border:1px solid #ccc;}
.cont_scroll table th{padding:4px 0; border-bottom:1px solid #ccc; background-color:#efefef;}
.cont_scroll table th + th, .cont_scroll table td + td{border-left:1px solid #ccc;}
.cont_scroll table tbody tr + tr{border-top:1px solid #ccc;}
.cont_scroll table tbody tr td{padding:4px;}


.m_sub .step_cont .cnt_box .grid{margin:0.6rem 0; display:-webkit-box; display:-ms-flexbox; display:flex; gap:0.6rem; }
.m_sub .step_cont .cnt_box .grid button{ width:calc(100% - 180px); max-width:180px; min-width:110px; height:2.4rem; line-height:2.4rem; text-align:center; color:#fff; background-color:#505050; border-radius:0.2rem; }


.m_sub .pro_step{margin-top:2.6rem; padding-bottom:1.6rem; background-color:#f3f7fb;}
.m_sub .pro_step h4{padding:2rem 0 1.4rem; text-align:center; color:#3a649a; font-size:1.2rem;}
.m_sub .pro_step ul {width:fit-content; margin:0 auto;}
.m_sub .pro_step ul li + li{margin-top:1rem;}
.m_sub .pro_step ul li .num{margin-right:1rem; display:inline-block; padding:0 0.6rem; height:1.6rem; line-height:1.6rem; border-radius:1rem; background-color:#435873; color:#fff; font-size:0.8rem;  }
.m_sub .pro_step ul li .txt{font-size:1rem; color:#494949; font-weight:500;}


/*sub kakao*/
.m_sub .cont_wrap{padding-top:1.6rem;}
.m_sub .cont_wrap .sub_tit{margin-bottom:0.6rem; }
.m_sub .cont_wrap .m_cont_tit{position:relative; margin:1rem auto 1.2rem; padding-left:2rem;/* width:fit-content; */display:table; font-size:1.1rem; }
.m_sub .cont_wrap .m_cont_tit::before{position:absolute; left:0; top:calc(50% - 0.8rem); width:1.6rem; height:1.6rem; text-align:center;font-size:0.9rem; line-height:1.6rem; color:#fff; background-color:#009afe; border-radius:100%; display:block; }
.m_sub .cont_wrap .m_cont_tit.num01::before{content:'1';}
.m_sub .cont_wrap .m_cont_tit.num02::before{content:'2';}
.m_sub .cont_wrap .m_cont_tit.num03::before{content:'3';}

.m_sub .cont_wrap .data_box{padding:0 0.6rem; height:3rem; line-height:2.9rem; background-color:#f4f4f4; border:1px solid #b1b1b1; border-radius:0.1rem;}
.m_sub .cont_wrap select{padding:0 0.6rem;width:100%; height:3rem; line-height:2.9rem; border:1px solid #b1b1b1; border-radius:0.1rem; }

.m_sub .btn_kakako{margin-top:1rem; width:100%; height:3.4rem; line-height:3.4rem; text-align:center; color:#fff; background-color:#371c1d; border-radius:0.2rem;}
.m_sub .btn_kakako span{display:inline-block; padding-left:2.4rem; background:url('https://img.self-tax.kr/selfTax/sub/icon_kakako.png') no-repeat left center;background-size: auto 1.8rem;}

.m_sub .auth_finish{display:none; margin-top:0.6rem; height:3.4rem; line-height:3.4rem; color:#fe9227; font-size:1rem; font-weight:bold; background-color:#efefef; text-align:center;}
.m_sub .auth_finish span{display:inline-block; padding-left:2rem; background:url('https://img.self-tax.kr/selfTax/sub/icon_chk.png') no-repeat left center; background-size:auto 1.4rem;}


.m_sub .tb_wrap.special_wrap > div.tb_box{padding:0 0 0.6rem;}

.m_sub .cont_wrap .tb_box.border{padding:0 0.4rem 1rem; border:1px solid #003d83;}
.m_sub .cont_wrap .tb_box .tb_cont{margin-top:1rem;}
.m_sub .cont_wrap .tb_box .tb_cont tr{height:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border:1px solid #003d83;}
.m_sub .cont_wrap .tb_box .tb_cont tr + tr{margin-top:0.4rem;}
.m_sub .cont_wrap .tb_box .tb_cont tr td{padding:0.4rem;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; font-size:0.9rem;color:#acacac; }
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(1){width:10%;}
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(2){width:35%;}
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(3){width:55%; border-right:none;}
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(4){width:70%; border-bottom:none;}
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(5){width:30%; border-bottom:none;}


.m_sub .cont_wrap .tb_box .tb_cont tr td span{width:calc(100% - 2.2rem); display:inline-block; text-align:left;}
.m_sub .cont_wrap .tb_box .tb_cont tr td .tb_tit{width:2.2rem;}
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(1){justify-content:center; }
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(3) span{width:calc(100% - 3.6rem); }
.m_sub .cont_wrap .tb_box .tb_cont tr td:nth-child(3) .tb_tit{width:3.6rem;}

.m_sub .cont_wrap .tb_box .tb_cont tr td input,
.m_sub .cont_wrap .tb_box .tb_cont tr td select{width:100%; padding:0 0.3rem; height:2rem; line-height:1.9rem; font-size:0.9rem; border:1px solid #ccc; border-radius:0.1rem;}
.m_sub .cont_wrap .tb_box .tb_cont tr td .btn_del{width:100%; height:2rem; line-height:1.9rem; color:#009afe; font-weight:600; border:1px solid #009afe;  border-radius:0.2rem;}
.m_sub .cont_wrap .tb_box .m_btn_add{margin-top:0.8rem; width:6rem; height:2.6rem; line-height:2.6rem; background-color:#003d83; color:#fff; border-radius:0.2rem; }

.cont_guide{padding-bottom:1rem; background-color:#ededed;}
/*.cont_guide.mb{margin-bottom:7rem;}*/
.cont_guide .m_sub{position:relative;}
.cont_guide h3{padding:2rem 0 1rem; text-align:center;}
.cont_guide .kakao_ul{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:0.6rem;}
.cont_guide .kakao_ul li{padding:0.6rem; width:calc(50% - 0.3rem); border:2px solid #dadada; background-color:#fff; text-align:left; word-break:keep-all; overflow:hidden; }
.cont_guide .kakao_ul li:nth-child(3),
.cont_guide .kakao_ul li:nth-child(4){ display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between; width:100%;}

.cont_guide .kakao_ul li .num{ display:inline-block; padding:0 0.8rem; height:1.4rem; line-height:1.4rem; border-radius:1rem; background-color:#003d83; color:#fff; font-size:0.7rem; }
.cont_guide .kakao_ul li .txt{margin-top:0.6rem; color:#32649b; font-size:1rem; letter-spacing:-1px; line-height:1.4; font-weight:bold;}
.cont_guide .kakao_ul li div{width:50%;}
.cont_guide .kakao_ul li .m_img_box{margin-left:5vw; position:relative; width:47%; max-width:130px;}
.cont_guide .kakao_ul li .m_img_box:after{opacity:0;position:absolute;left: 3.8rem;top:0.8rem;width: 3.4rem;height:100%;background:url('https://img.self-tax.kr/selfTax/sub/pro_kakao_03_chk.png') no-repeat;background-size:100% auto;animation: aniOpacity 0.8s infinite;display:block;content:'';}
.cont_guide .kakao_ul li:nth-child(4) img{margin:auto 0; width:47%; max-width:150px; height:80%; object-fit:contain; }

.cont_guide {position:relative;}
.cont_guide .step_loading{display:none; position:absolute; left:50%; top:50%; transform:translate(-50% ,-50%); width:100%; height:100%; padding:1rem; }
.cont_guide .step_loading > div{padding:2rem 1rem;display:flex; justify-content:center; align-content:center; flex-wrap:wrap; height:100%; text-align:center;  border-radius:1rem; background-color:#fff; overflow:hidden;}
.cont_guide .step_loading > div img {max-width:10rem;}
.cont_guide .step_loading > div p{margin-top:1rem; width:100%; color:#32649b; font-size:1rem; letter-spacing:-1px; line-height:1.4; font-weight:bold;}

.stepLayer.on .detail_txt{display:none;}
.stepLayer.on .kakao_ul{opacity:0.2;}
.stepLayer.on .step_loading{display:block;}

.cont_guide .kakao_ul.st_2 li{ display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between; width:100%;}
.cont_guide .kakao_ul.st_2 li .m_img_box{width:27%;}
.cont_guide .kakao_ul.st_2 li .m_img_box:after{width:3rem;}
.cont_guide .kakao_ul.st_2 li .m_img_box02{margin-left:5vw; position:relative; width:50%; min-height:9rem; display:flex; justify-content:center; align-items:center; }




.txt_wrap{padding:1rem 0.6rem; border:2px solid #dadada; background-color:#fff;}
.txt_wrap.no_border{border:none;}
.txt_wrap p{color:#888; font-size:0.9rem;}
.txt_wrap p + p{margin-top:0.2rem;}
.txt_wrap .txt_com{position:relative; padding-left:0.6rem; line-height:1.5; word-break:keep-all;}
.txt_wrap .red{color:#e91f1f;}
.txt_wrap .txt_com .blue{color:#009afe;}
.txt_wrap .txt_com::before{content:'' ;position:absolute; left:0; top:0.6rem; display:inline-block; width:2px; height:2px; border-radius:100%; background-color:#203c5c;}

.txt_wrap > h4 {position:relative; padding-left:1.6rem; margin:1rem 0 0.8rem; font-size:1rem; font-weight:bold;}
.txt_wrap > h4::before{position:absolute; left:0; top:-1px; width:1.2rem; height:1.2rem; background:url('https://img.self-tax.kr/selfTax/sub/icon_sign02.png') no-repeat center; background-size:auto 100%; display:block; content:'';}

.txt_wrap ul{padding-left:1.6rem; counter-reset: circle 0;}
.txt_wrap ul li{position:relative; padding-left:1.2rem; color:#3f3f3f; font-size:0.9rem; font-weight:500;}
.txt_wrap ul li::before{position:absolute; left:0; top:2px; width:1rem; height:1rem; font-size:0.6rem; color:#fff; text-align:center; line-height:1rem; border-radius:50%; background-color:#3f3f3f;  counter-increment: circle 1;  content: counter(circle);}
.txt_wrap ul li + li{margin-top:8px;}


/*추가 확인사항 2*/
.m_sub .cont_wrap .tb_box .chk_wrap{padding-top:1rem; display:flex; flex-wrap:wrap; gap:0.8rem; border-top:1px solid #b1b1b1;}
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li{position:relative; display:flex; align-items:center; gap:0.4rem;}
/*.m_sub .cont_wrap .tb_box .chk_wrap .chk_li.w_100{width:100%;}*/
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li .chk_label.i_icon{position:relative; padding-right:1rem; }
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li .chk_label.i_icon::after{position:absolute; right:0; top:0; width:0.8rem; height:100%; background:url('https://img.self-tax.kr/selfTax/sub/icon_i_02.png') no-repeat center; background-size: 100% auto; content:'';}
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li .txt_bub{z-index:-1; padding:0.6rem; position:absolute; left:6px; top:36px; display:inline-block; min-width:50vw; background-color:#dae1efe8; border-radius:5px; color:#2f2f2f; letter-spacing:-1.5px; opacity:0; transition: opacity 1s; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); }
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li .txt_bub:before{position:absolute; left:26px; top:-14px; width: 0px;height: 0px;  border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom: 14px solid #dae1efd4; display:block; content:''; }
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li .txt_bub span{display:block; font-size:0.9rem; line-height:1.5;}
/*.m_sub .cont_wrap .tb_box .chk_wrap .line:active .chk_label{color:#003d83; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#003d83; }*/
.m_sub .cont_wrap .tb_box .chk_wrap .chk_li .txt_bub.on{-webkit-animation:txtBub 3s; animation: txtBub 3s ;  }

.m_sub .cont_wrap .tb_box .chk_wrap .etc_txtbox{padding:0.4rem; margin-left:24px; display:inline-block; width:calc(100% - 24px); height:5rem; border:1px solid #ccc;}
.m_sub .cont_wrap .tb_box .chk_wrap .etc_txtbox::placeholder{font-size:16px;}
.m_sub .cont_wrap .tb_box .chk_wrap .etc_txtbox:disabled{background-color:#ccc;}
.m_sub .cont_wrap .tb_box .chk_wrap .etc_txtbox:disabled::placeholder{opacity:0;}




/*################## kakao ##################*/
/*kakako step*/
.kakao_auth .top_tit{position:relative; height:3rem; line-height:3rem; background-color:#203c5c;}
.kakao_auth .top_tit h2{font-size:1.1rem;text-align:center; color:#fff;}
.kakao_auth .top_tit button{ position:absolute; top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); right:0.6rem; width:2rem; height:2rem; background:url('https://img.self-tax.kr/selfTax/common/btn_close.png') no-repeat center; background-size:1rem auto;}


.kakao_auth .step_wrap{background-color:#f4f4f4;}
.kakao_auth .step_wrap ul{position:relative; margin:0 auto; padding:0.6rem 0.2rem;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:0.2rem; width:100%; max-width:30rem; }
.kakao_auth .step_wrap ul::before{z-index:1; position:absolute; left:8%; top:1.6rem; width:82%; height:1px; background-color:#009afe; display:block; content:'';}

.kakao_auth .step_wrap li{z-index:2; width:14.285555%;  text-align:center;}
.kakao_auth .step_wrap li span{ color:#656565; font-size:0.8rem; word-break:keep-all;}
.kakao_auth .step_wrap li .num{display:block; margin:0 auto 0.2rem; width:2rem; height:2rem; line-height:1.9rem;  color:#009afe; border-radius:100%; background-color:#fff; border:1px solid #009afe;}
.kakao_auth .step_wrap li.on .num{ background-color:#009afe; color:#fff;}

.kakao_auth .inner{max-width:420px; margin:0 auto; padding-bottom:2rem;}

.kakao_auth .m_cont_tit{ margin:0.8rem 0 0.4rem; color:#009afe; font-size:1.1rem;text-align:center;}
.kakao_auth .detail_txt{text-align:center; color:#203c5c; font-size:1rem;font-weight:bold;}
.kakao_auth .sub .txt{padding-left:1rem; padding-right:1rem; word-break:keep-all;}


/*카카오 정보입력*/
.kakao_auth .form_wrap .form_ul{margin-top:0.6rem;}
.kakao_auth .form_wrap .form_ul li + li{margin-top:0.8rem;}
.kakao_auth .form_wrap .form_ul li label{display:block; margin-bottom:0.4rem; font-weight:bold;}
.kakao_auth .form_wrap .form_ul li input{width:100%; height:2.2rem; line-height:2.1rem; border:1px solid #b1b1b1 }
.kakao_auth .form_wrap .form_ul li div{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:0.4rem;}

.kakao_auth .form_wrap .chk_top{margin-top:1rem;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.kakao_auth .form_wrap .chk_top h3{font-size:1rem;}
.kakao_auth .form_wrap .chk_top button{color:#003d83; font-size:0.9rem; font-weight:bold;}

.kakao_auth .form_wrap .chk_list{margin:0.6rem 0 0.4rem; padding-bottom:0.4rem;  display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;  gap:0.4rem; border-block:1px solid #b1b1b1;}
.kakao_auth .form_wrap .chk_list li{padding-top:0.4rem; width:calc(50% - 0.2rem); display:-webkit-box; display:-ms-flexbox; display:flex;  gap:0.2rem; font-size:0.8rem; letter-spacing:-1.8px;}
.kakao_auth .form_wrap .chk_list li p{padding-top:0.1rem;}

.kakao_auth .form_wrap .chk_all{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:end;}
.kakao_auth .form_wrap .chk_all .chk_box{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:0.4rem;}

/*카카오 인증완료*/
.kakao_auth .cont_guide{margin-top:1rem;}
.kakao_auth .cont_guide h3{padding:1rem 0 0.8rem; font-size:1.1rem;}

/*수집중*/
/*카카오 자료수집*/
.kakao_auth .certifi_step02 .progress_circle{position:relative; margin-top:3rem}
.kakao_auth .certifi_step02 .progress_circle .progress_num{position:absolute; left:0; top:calc(50% - 14px); width:100%; text-align:center; color:#009afe; font-size:1.1rem;}
 

.kakao_auth .certifi_step02 .progress_circle .loding{position:relative; margin:0 auto; width:124px; height:124px; display:grid; place-items: center;}
.kakao_auth .certifi_step02 .progress_circle .loding .support{width: 100%; height: 100%; position: absolute;animation: rotation 3.8s linear infinite;}
.kakao_auth .certifi_step02 .progress_circle .loding .support:nth-child(1){animation-delay: 0.15s;}
.kakao_auth .certifi_step02 .progress_circle .loding .support:nth-child(2){animation-delay: 0.3s;}
.kakao_auth .certifi_step02 .progress_circle .loding .support:nth-child(3){animation-delay: 0.45s;}
.kakao_auth .certifi_step02 .progress_circle .loding .support:nth-child(4){animation-delay: 0.6s;}
.kakao_auth .certifi_step02 .progress_circle .loding .support:nth-child(5){animation-delay: 0.75s;}
.kakao_auth .certifi_step02 .progress_circle .loding .support:nth-child(6){animation-delay: 0.9s;}
.kakao_auth .certifi_step02 .progress_circle .loding .support .dot{ position: relative; bottom: -100%; left: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; background: #009afe;}
 
.kakao_auth .certifi_step02 .progress_img{margin-top:5rem; text-align:center;}


.kakao_auth .certifi_step02 .txt{margin-top:3rem;text-align:center; color:#656565; font-size:1rem;}
.kakao_auth .certifi_step02 .txt .pro_txt{display:block; margin-bottom:1rem; color:#009afe; font-size:1.1rem;}
.kakao_auth .certifi_step02 .txt .etc{color:#cfcfcf;}


/*.kakao_auth .certifi_step02 .year_ul{margin-top:1.4rem; display:-webkit-box; display:-ms-flexbox; display:flex;border-top:1px solid #ccc;}
.kakao_auth .certifi_step02 .year_ul li{padding-top:0.6rem; width:20%; text-align:center;}
.kakao_auth .certifi_step02 .year_ul li + li{border-left:1px solid #fff;}
.kakao_auth .certifi_step02 .year_ul li span{color:#2a2a2a; font-size:1rem;}
.kakao_auth .certifi_step02 .year_ul li p{position:relative; margin-top:0.6rem; height:2.4rem; line-height:2.4rem; background-color:#ffe7bf; color:#ed8312; }
.kakao_auth .certifi_step02 .year_ul li p::before{position:absolute;left:0; top:0; width:100%; height:100%; display:block; content:'대기';}
.kakao_auth .certifi_step02 .year_ul li.ing p::before{content:'진행중'; background-color:#e0b56e; color:#fff; animation: aniOpacity 1.4s infinite;}
.kakao_auth .certifi_step02 .year_ul li.on p::before{content:'완료'; background-color:#ed8312; color:#fff;}*/


.kakao_auth .certifi_step02 .year_ul{margin-top:1.4rem; display:-webkit-box; display:-ms-flexbox; display:flex;border-top:1px solid #ccc;}
.kakao_auth .certifi_step02 .year_ul li{padding-top:0.6rem; width:20%; text-align:center;}
.kakao_auth .certifi_step02 .year_ul li + li{border-left:1px solid #fff;}
.kakao_auth .certifi_step02 .year_ul li span{color:#2a2a2a; font-size:1rem;}
.kakao_auth .certifi_step02 .year_ul li p{position:relative; margin-top:0.6rem; height:2.4rem; line-height:2.4rem; overflow:hidden; background-color:#F4F4F4; color:#8FA0B3; }
.kakao_auth .certifi_step02 .year_ul li p::before{z-index:2; position:absolute;left:0; top:0; width:100%; height:100%; display:block; content:'대기';}
.kakao_auth .certifi_step02 .year_ul li.ing p::before{content:'진행중'; background-color:transparent; animation:none; color:#000;}
.kakao_auth .certifi_step02 .year_ul li.ing p::after{z-index:1; position:absolute; left:0; top:0; width:200%; height:100%; transform:translateX(-100%); background-color:#6FAEFF; content:'';animation: aniMove 1.4s infinite;}
.kakao_auth .certifi_step02 .year_ul li.on p::before{content:'완료'; background-color:#4998FF; color:#fff;}


/*최종완료*/
.kakao_auth .certifi_finish .txt{padding-top:1rem; padding-bottom:1.6rem; text-align:center; color:#009afe; font-size:1.1rem;}
/*에러*/
.kakao_auth .erro_wrap{position:relative;}
.kakao_auth .erro_wrap .img{display:block; margin-top:3rem;height:4.4rem; background:url('https://img.self-tax.kr/selfTax/sub/img_warning.png') no-repeat center; background-size:auto 100%;}
.kakao_auth .erro_wrap .txt{padding:2rem 0 1.6rem; font-size:1.1rem; line-height:1.5; color:#fe9227; text-align:center; word-break:keep-all;}






/*################## 모바일 버튼 ##################*/
.m_btn_wrap{display:-webkit-box; display:-ms-flexbox; display:flex;gap:0.6rem; margin: 0 auto;}
.m_btn_wrap.column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:0;}
.m_btn{ display:block; margin-top:1rem; width: 100%; height:3rem; line-height:3rem; text-align:center; border-radius: 0.2rem; font-size:1rem;}
.m_btn.line{height:3rem; line-height:2.9rem; border-width:1px; border-style:solid;}
/*btn bg color*/
.m_btn.bg_01{background-color:#009afe; color:#fff;}
.m_btn.bg_02{background-color:#003d83; color:#fff;}
.m_btn.bg_03{background-color:#203c5c; color:#fff;}
.m_btn.bg_orange{background-color:#fe9227; color:#fff;}
.m_btn.bg_gray{background-color:#b7b7b7; color:#fff;}
.m_btn.bg_gray02{background-color:#505050; color:#fff;}

/*btn line color*/
.m_btn.line.red{border-color:#e91f1f; color:#e91f1f;}


.m_btn.kakao{color:#fff; background-color:#371c1d; }
.m_btn.kakao span{display:inline-block; padding-left:2.4rem; background:url('https://img.self-tax.kr/selfTax/sub/icon_kakako.png') no-repeat left center;background-size: auto 1.8rem;}

.m_btn .icon{padding-left:1.4rem; display:inline-block; height:100%; background:url('https://img.self-tax.kr/selfTax/common/icon_btn.png') no-repeat left center; background-size:1rem auto;}






/*################## popup 공통 ##################*/
/*팝업창*/
.m_popup_wrap{display: none; z-index: 99999; position: fixed; top: 0; left: 0;width: 100%; height: 100%; background-color: rgb(0, 0, 0,0.4); }
.m_popup_wrap .pop_box{position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); width:96vw; max-width:400px; background-color: #fff;overflow:hidden; }
.m_popup_wrap .pop_box.st{border-radius:0.4rem; border:1px solid #7e7e7e;}
/*.m_popup_wrap .pop_box.w_full{width:100%;}*/

/*상단 제목,버튼*/
.m_pop_top{position:relative; padding: 0.8rem 0.6rem; background-color:#009afe; }
.m_pop_top .pop_tit{width:93%; font-size:1.2rem;color:#fff; font-weight:normal; word-break:keep-all; }
.m_pop_top button{ position:absolute; top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); right:0.6rem; width:2rem; height:2rem; background:url('https://img.self-tax.kr/selfTax/common/btn_close.png') no-repeat center; background-size:1rem auto;}

.m_pop_top.st{ background-color:#fff; border-bottom:1px solid #ccc; }
.m_pop_top.st .pop_tit{ color:#003d83;}
.m_pop_top.st button{ position:absolute; top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); right:0.6rem; width:2rem; height:2rem; background:url('https://img.self-tax.kr/selfTax/common/btn_pop_close.png') no-repeat center; background-size:1.6rem auto;}

.m_popup_wrap .inner{padding:0.6rem;}
/*.popup_wrap .pop_cont{padding: 1rem;}*/

/*개인정보팝업*/
.m_popup_detail .detail_box{padding-right:0.2rem; max-height:calc(100vh - 17rem); font-size:0.9rem;}
.m_popup_detail .detail_box h3{margin:0 0 0.4rem; font-size:1rem;}
.m_popup_detail .detail_box h3 ~ h3{ border-top:2px solid #ccc; margin:0.6rem 0 0.4rem; padding-top:0.4rem;}
.m_popup_detail .detail_box table{margin:0.4rem 0; width:100%;border:1px solid #ccc;}
.m_popup_detail .detail_box th{padding:4px 0; border-bottom:1px solid #ccc; background-color:#efefef;}
.m_popup_detail .detail_box th , .m_popup_detail .detail_box table td {border-left:1px solid #ccc;}
.m_popup_detail .detail_box tbody tr + tr{border-top:1px solid #ccc;}
.m_popup_detail .detail_box tbody tr td{padding:4px;}

.m_popup_wrap .sta_tit {padding-top:6rem; margin:0.6rem 0 1rem; font-size:1.2rem; color:#009afe; text-align:center; background-image:url('https://img.self-tax.kr/selfTax/sub/btn_simple_bg.png'); background-repeat:no-repeat; background-position:center top;}
.m_popup_wrap .sta_tit > span{position:relative; display:inline-block; padding-left:1.6rem;}
.m_popup_wrap .sta_tit > span::before{position:absolute; left:0; top:0.1rem; width:1.4rem; height:1.4rem; background:url('https://img.self-tax.kr/selfTax/common/icon_chk.png') no-repeat; background-size:100% auto; display:block; content:'';}
.m_popup_wrap .pop_txt{text-align:center; color:#2a3950; word-break:keep-all; line-height:1.8;}
.m_popup_wrap .pop_txt .txt_line{text-decoration:underline; text-underline-offset:4px; text-decoration-color:#2a3950;}


/*추가 확인사항*/
.m_popup_cont + .m_popup_cont{margin-top:0.8rem;}
.m_popup_cont .t_box {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:0.6rem; border:1px solid #003d83;}
.m_popup_cont .t_box h3{ padding:0.6rem;width:80%; color:#32649b; font-size:0.9rem; line-height:1.4; font-weight:normal; word-break:keep-all;}
.m_popup_cont .t_box  > div{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:20%; font-size:1rem; background-color:#003d83; color:#fff; text-align:center;}

.m_popup_cont .pop_tb table tr{height:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border:1px solid #ccc;}
.m_popup_cont .pop_tb table tr + tr{margin-top:0.4rem;}
.m_popup_cont .pop_tb table tr td{padding:0.4rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; font-size:0.9rem;color:#acacac; }
.m_popup_cont .pop_tb table tr td:nth-child(1){width:15%;}
.m_popup_cont .pop_tb table tr td:nth-child(2){width:35%;}
.m_popup_cont .pop_tb table tr td:nth-child(3){width:50%; border-right:none;}
.m_popup_cont .pop_tb table tr td:nth-child(4){width:100%; border-right:none;border-bottom:none;}


.m_popup_cont .pop_tb table tr td span{width:calc(100% - 2.2rem); display:inline-block; text-align:left; color:#666;}
.m_popup_cont .pop_tb table tr td .tb_tit{width:2.2rem; color:#acacac;}
.m_popup_cont .pop_tb table tr td:nth-child(1){justify-content:center; }
.m_popup_cont .pop_tb table tr td:nth-child(3) span{width:calc(100% - 3.6rem); }
.m_popup_cont .pop_tb table tr td:nth-child(3) .tb_tit{width:3.6rem;}

.m_popup_cont .b_box {padding:0.4rem; border:1px solid #ccc; font-size:0.9rem; color:#656565;}
.m_popup_cont .txt_cnt{position:relative;}
.m_popup_cont .txt_cnt + .txt_cnt:before{padding-right:4px; content:','; display:inline-block;}


.m_popup_wrap .pop_b{padding:1rem 0.6rem; background-color:#f8f8f8;}
.m_popup_wrap .pop_b p{line-height:1.5; font-size:1rem; text-align:center; word-break:keep-all; letter-spacing:-1.5px;}

@media (max-width: 320px) {
    .m_sub .step_cont h3{font-size:6vw;}
}




@keyframes aniMove {
    0% {
      opacity:1;
      transform:translateX(-100%);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(100%);
    }

}
/*
@keyframes aniMove {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}*/




@keyframes txtBub {
  0%, 100% {
    opacity: -1;
    z-index:-1;
  }
  20%, 80% {
    opacity: 1;
    z-index:2;
  }
}