@charset "utf-8";

@media (max-width: 1680px){

	header.main.on{height:80px;}
	.quick_menu{right:10px; -webkit-transition: top 0.5s; -o-transition: top 0.5s; transition: top 0.5s; }
	.quick_menu.top{z-index:99999; top:10px;}

	#makeCertManager #cert_pop{top:2% !important;}
	#makeCertManager .cert_top h1{height:2.8rem; line-height:2.8rem;}
	#makeCertManager .cert_left{padding-left:1rem; padding-top:1.2rem; padding-bottom:1.4rem; }
	#makeCertManager .cert_left h2{margin:1rem 0 1rem;}
/*	.cert_right{overflow-y:auto; height:calc(100vh - 100px); max-height:520px;}*/

	#makeCertManager .cnt_wrap .tit{margin-bottom:0.5rem;}
	#makeCertManager .cnt_wrap .lay{padding:1rem;}
	#makeCertManager .cnt_wrap .tit02{margin:1rem 0 0.5rem;font-size:1rem }
	#makeCertManager .cbtn_wrap{padding-top:0.8rem;}
	#makeCertManager .cbtn_wrap .time_etc{padding:0 1.6rem; height:2.4rem; line-height:2.4rem;}
	#makeCertManager .ctable{height:8rem;}
	#makeCertManager .ctable table thead tr th{height:2rem;}
	#makeCertManager .ctable .tb_scroll td{height:2.4rem;}
	#makeCertManager .cipt input, .cipt02 input{height:2.2rem; line-height:2.2rem;}
	#makeCertManager .cbtn{width:6rem; height:2.4rem; line-height:2.4rem;}

	#makeCertManager .progress_wrap{margin:0.5rem 0 0.8rem;}
	#makeCertManager .caution_box .succ_box{padding:0.8rem;}

	.video_wrap{padding-bottom: 44.4444%;}

}


/* tablet */
@media (max-width: 1024px) {
	body, html{font-size:1rem;}
	.contain{padding:0 1rem;}
	header{ height:4rem; }
	.header{justify-content:center;}
	.header .header_logo{width:50%; max-width:9rem; min-width:5rem; height:100%; }
	header.main .header_logo a{background-image:url('https://img.self-tax.kr/selfTax/common/self_tax_logo.svg');}
	/*상단 좌측메뉴버튼*/
	.header .btn_m_menu{position:absolute; top:50%; left:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:2rem; height:2rem;}
	.header .btn_m_menu > div{position:relative; height:100%;}
	.header .btn_m_menu span{position:absolute; display:block; width:calc(50% - 1px); height:calc(50% - 1px); border:2px solid #221714;}
	.header .btn_m_menu .icon01{left:0; top:0; }
	.header .btn_m_menu .icon02{right:0; top:0; }
	.header .btn_m_menu .icon03{left:0; bottom:0; }
	.header .btn_m_menu .icon04{right:0; bottom:0; }

	/* footer */
	footer .bottom{padding:3rem 0 10rem;}
	footer .bottom .contain{gap:1rem;}
	footer .bottom .f_wrap{padding-top: 5.5%;}
	footer .bottom .info{float:none; padding-top: 0;}
	footer .bottom .info span{ font-size: 0.95rem; padding-right: 10px; margin-right: 10px; position: relative; color:#5b5b5b;}
	
	.pc{display:none !important;}
	.mobile{display:block !important;}

	.left_menu{z-index:110; position:fixed; left:-150%; top:0; width:40%; min-width:280px; height:100vh; background-color:#fff;  -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.left_menu.on{left:0;}
	.left_menu > div{position:relative;}
	.left_menu > div .m_btn_closed{position:absolute; right:-60px; top:40px; width:40px; height:40px;}
	.left_menu > div .m_btn_closed button{position:relative; display:block; width:100%; height:100%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
	.left_menu > div .m_btn_closed button::before,
	.left_menu > div .m_btn_closed button::after{position:absolute;  display:block; content:''; background-color:#fff; }
	.left_menu > div .m_btn_closed button::before{top:calc(50% - 1px); left:0;  width:100%; height:2px;}
	.left_menu > div .m_btn_closed button::after{top:0; left:calc(50% - 1px);  width:2px; height:100%;}
	.left_menu .header_logo{position:relative; width:100%; height:6rem; text-align:center; }
	.left_menu .header_logo a{ display:block; margin:0 auto; width:9rem; height:100%; background-image:url('https://img.self-tax.kr/selfTax/common/self_tax_logo.svg'); background-repeat:no-repeat; background-size: contain; background-position:center;}

	.left_menu .top_menu {display:-webkit-box; display:-ms-flexbox; display:flex;}
	.left_menu .top_menu li{width:50%;}
	.left_menu .top_menu li a{position:relative; display:block; padding:1.5rem 1rem; color:#fff; font-weight:bold; font-size:1.2rem; }
	.left_menu .top_menu li a::after{position:absolute; top:calc(50% - 0.6rem); right:20px; width:1.2rem; height:1.2rem; background-image:url('https://img.self-tax.kr/selfTax/common/m_menu_link.png'); background-repeat:no-repeat; background-size:100% auto; display:block; content:'';}
	.left_menu .top_menu li:nth-child(1){background-color:#119ac4;}
	.left_menu .top_menu li:nth-child(2){background-color:#4b4b4b;}

	.left_menu .menu{padding-top:2rem;}
/*	.left_menu .menu li.list06{display:none;}*/
	.left_menu .menu li{ position:relative; padding:1.5rem 1rem; text-align:left; }
	.left_menu .menu li a{display:block; padding-left:4rem; font-size:1.2rem; }
	.left_menu .menu li a > div {position:absolute; top:calc(50% - 1.5rem); left:1rem; width:3rem; height:3rem; border:1px solid #ddd; border-radius:100%; background-repeat:no-repeat; background-size:auto 58%; background-position:center;}
	.left_menu .menu .list01 a > div { background-image:url('https://img.self-tax.kr/selfTax/common/m_menu_01.png');}
	.left_menu .menu .list02 a > div { background-image:url('https://img.self-tax.kr/selfTax/common/m_menu_02.png');}
	.left_menu .menu .list03 a > div { background-image:url('https://img.self-tax.kr/selfTax/common/m_menu_03.png');}
	.left_menu .menu .list04 a > div { background-image:url('https://img.self-tax.kr/selfTax/common/m_menu_04.png');}
	.left_menu .menu .list05 a > div { background-image:url('https://img.self-tax.kr/selfTax/common/m_menu_05.png');}
	.left_menu .menu .list06 a > div { background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_04.png');}

	.pop_bg{display:none; z-index:101; position:fixed;left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0, 0.5);}


	.quick_menu .btn_top{display:none; position:fixed; right:20px; bottom:140px; padding:0; width:100px; height:100px;-moz-border-radius: 50% ; -webkit-border-radius: 50% ; border-radius:50%; overflow:hidden; box-shadow: 5.4px 8.4px 13px 0 rgba(0, 0, 0, 0.1); background-color:#aeaeae; background-image:url('https://img.self-tax.kr/selfTax/common/btn_top.png'); background-repeat:no-repeat; background-position:center; background-size:40%; }

	.btn_m_quick{z-index:10; position:fixed; right:2rem; bottom:2rem; width:5rem; height:5rem; border-radius:100%; background-color:#62fdf0; overflow:hidden; box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.1);}
	.btn_m_quick .icon{position:absolute; display:block; left:calc(50% - 1.2rem); top:calc(50% - 1.2rem); width:2.4rem; height:2.4rem; }
	.btn_m_quick .icon::before{position:absolute;width:100%; left:0; height:100%; opacity:1; background:url('https://img.self-tax.kr/selfTax/common/quick_m.png') no-repeat center; background-size:2rem auto; transition:all 0.4s; display:block; content:'';}
	.btn_m_quick .icon::after{position:absolute;width:100%; right:-200%; height:100%; opacity:0; background:url('https://img.self-tax.kr/selfTax/common/quick_m_closed.png') no-repeat center; background-size:1.6rem auto;  transition:all 0.4s;display:block; content:'';}
	.btn_m_quick.on .icon::before{left:-200%; opacity:0; }
	.btn_m_quick.on .icon::after{right:0; opacity:1; }

	.m_quick_menu{display:block; z-index:20; position:fixed; right:2rem; bottom:2rem; width:5rem;  }
	.m_quick_menu ul { height:5rem; background-color:#fff; opacity:0; border-radius:2.5rem; overflow:hidden;box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2); overflow:hidden;  -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.m_quick_menu.on ul{height:33rem; opacity:1; }
	.m_quick_menu.on ul.st{height:30rem;}
	.m_quick_menu ul li + li{margin-top:0.8rem;}
	.m_quick_menu ul li:first-child{padding-top:2rem;}
	.m_quick_menu.on ul.st li:nth-child(2){padding-top:2rem;}
	.m_quick_menu ul li:last-child{padding-bottom:6.2rem; }
	.m_quick_menu ul li a{ padding-top:2.2rem;display:block; color:#203c5c; font-size:0.9rem; text-align:center; font-weight:bold; background-repeat:no-repeat; background-position:top center; background-size: auto 2rem;}

	.m_quick_menu ul li.list01 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_01.png');}
	.m_quick_menu ul li.list02 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_02.png');}
	.m_quick_menu ul li.list03 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_03.png');}
	.m_quick_menu ul li.kakao a{background-image:url('https://img.self-tax.kr/selfTax/common/kakao_ch_bg.png');}
	.m_quick_menu ul li.list04 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_04.png');}

/*	.m_quick_menu ul li.list01 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_01.png'); background-size:1.8rem auto;}
	.m_quick_menu ul li.list02 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_02.png'); background-size:2.2rem auto;}
	.m_quick_menu ul li.list03 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_03.png'); background-size:2rem auto;}
	.m_quick_menu ul li.kakao a{background-image:url('https://img.self-tax.kr/selfTax/common/kakao_ch_bg.png'); background-size:2rem auto;}
	.m_quick_menu ul li.list04 a{background-image:url('https://img.self-tax.kr/selfTax/common/quick_m_04.png'); background-size:1.8rem auto;}*/

/*	section{margin-top:90px;}*/
	.main_video{margin-top:90px;}
	.section01 .cnt_box {padding-top:12vh;}
	.section01 .cnt_box img{width:25vw;}
	.section01 .cnt_box .tit02{margin-top:10px;}
	.section01 .cnt_box .tit03{margin-top:5vh;}


	div[class*=section] .guide_link{margin:4rem auto 0; max-width:420px; }
/*	.section01 .guide_link{margin:22rem auto 0; }
	.section02 .guide_link{margin:4rem auto 0;}*/
	div[class*=section] .guide_link button, 
	div[class*=section] .guide_link a{box-shadow: 8px 14px 32px 0px rgba(0, 0, 0, 0.22);}

	div[class*=section] .guide_link .btn_k{ margin-bottom: 4rem; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;width:100%; height:10rem; border:1px solid #009afe; color:#009afe; border-radius:6px; background: linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%); }
	div[class*=section] .guide_link .btn_k span{text-align:left;}
	div[class*=section] .guide_link .btn_k > span{padding-left:50%; font-size:1.5rem; color:#009afe; letter-spacing:-1.5px; font-weight:bold; }
	div[class*=section] .guide_link .btn_k > span > span{font-size:20px; letter-spacing:-2px; font-weight:500;}
	div[class*=section] .guide_link .btn_k span::before{position:absolute; left:0; top:0; width:50%; height:100%; background-image:url('https://img.self-tax.kr/selfTax/sub/btn_simple_bg_02.png'); background-repeat:no-repeat; background-position:center; display:block; content:''; }

	div[class*=section] .guide_link .a_link01{position:relative; padding:2rem; display:block; height:100%; border-radius:0.8rem; background-color:#00c7ff; color:#fff;text-align:left; font-size:30px; line-height:1.5;}
	div[class*=section] .guide_link .a_link01::after{position:absolute; right:30px; top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); width:22px; height:36px; background-image:url('https://img.self-tax.kr/selfTax/main/guide_btn.png'); background-repeat:no-repeat;  content:'';display:block;}

	div[class*=section] .guide_link .a_link_w{margin-top:2rem; justify-content:space-between; gap:1.6rem;}
	div[class*=section] .guide_link .a_link_w a{position:relative; padding:4rem 0 6rem; display:block; width:50%; border-radius:0.8rem; text-align:center; color:#fff; font-size:30px;  }
	div[class*=section] .guide_link .a_link_w a:nth-of-type(1){background-color:#6eb92b;}
	div[class*=section] .guide_link .a_link_w a:nth-of-type(2){background-color:#f5a100;}
	div[class*=section] .guide_link .a_link_w .icon{position:absolute;left:calc(50% - 1rem); bottom:2rem; display:block; width:2rem; height:2rem;}
	div[class*=section] .guide_link .a_link_w .icon::before,
	div[class*=section] .guide_link .a_link_w .icon::after{position:absolute;background-color:#fff; content:''; display:block;}
	div[class*=section] .guide_link .a_link_w .icon::before{width:0.4rem; height:100%; left:calc(50% - 0.2rem); top:0;}
	div[class*=section] .guide_link .a_link_w .icon::after{width:100%; height:0.4rem; top:calc(50% - 0.2rem); left:0;}

	/*.section02{padding-bottom:120px;}*/
	.section02 .contain{padding-top:10vh;}
	.section02 .contain .cnt_tit{ padding-top:0; padding-bottom:3.5vh; }
	.section02 .contain .cnt_tit::before{position:absolute; top:auto; bottom:0; left:calc(50% - 25px); content:''; display:block; width:50px; height:1px; background-color:#000;}
	.section02 .contain .cont_box > p{padding-top:3.5vh; color:#7f7f7f; font-size:32px;}
	.section02 .contain ul { margin:10vh auto 0; max-width:80%;}
	.section02 .contain ul li{width:100%; padding: 0 2%;}
	/*.section02 .contain ul li > p{margin-left:-15%; padding:0 10%; }
	.section02 .contain ul li:nth-child(2n+1) > p{margin-left:-35%;}*/

	.section02 .contain ul li a{position:relative; margin:0 auto; max-width:100%; height:20vmin; min-height:40px; padding-top:0;}
	.section02 .contain ul li:nth-child(1) a{background-color:#6eb92b;}
	.section02 .contain ul li:nth-child(2) a{background-color:#f5a100;}
	.section02 .contain ul li h3{padding-left:6vw; text-align:left; line-height:20vw;}
	.section02 .contain ul li h3 > span{margin-left:4px; display:inline-block;}
	.section02 .contain ul li .more{z-index:1; position:absolute; right:6vw; top:calc(50% - 20px); margin:0 auto; }

	.section02 .bt_bnr a{margin-top:13vw; display:block; padding-bottom:50%; width:100%; background:url('https://img.self-tax.kr/selfTax/main/section02_m_bnr.jpg') no-repeat; background-size:100% auto; }

	.section03{top:90px; height:auto; background-color:#203c5c;}
	.section03 .cont_txt{top:27vh; padding: 10% 5% 7% 12%; max-width:420px; height:auto; background-position : center 74px; }
	.section03 .cont_txt > img {position:absolute; left:calc(50% - 97px); top:-22%; width:200px;}
	.section03 .cont_txt p{margin-top:6%;}

	.section04{padding-bottom:32%; height:auto; background-image:url('https://img.self-tax.kr/selfTax/main/main_section04_bg_tab.png');background-repeat:no-repeat; background-position:center bottom; background-size:contain;}
	.section04 .wrap{padding-top:47vh;}
	.section04 .wrap div{margin: 0 auto;  width:480px; height:480px;}
	.section04 .wrap div:nth-child(2n){float:none;}
	.section04 .wrap div:nth-child(2n+1){float:none;}
	.section04 .wrap div:nth-child(2), .section04 .wrap div:nth-child(3), .section04 .wrap div:nth-child(4){margin-top:40px;}
	
	.section04 .wrap div p{font-size:36px; }
	.section04 .wrap div p span{color:#009afe;}
	.section04 .wrap div:nth-child(1) p{padding:21% 0 10%;}
	.section04 .wrap div:nth-child(2) p{padding:21% 0 8%;}
	.section04 .wrap div:nth-child(3) p{padding:23% 0 5%;}
	.section04 .wrap div:nth-child(4) p{padding:25% 0 5%;}

	.section04 .wrap div:nth-child(1) img{margin-left:180px;}
	.section04 .wrap div:nth-child(2) img{margin-left:200px;}
	.section04 .wrap div:nth-child(3) img{margin-left:200px;}
	.section04 .wrap div:nth-child(4) img{margin-left:210px;}

	.section05{padding-bottom:90px; height:auto; }
	.section05::after{display:none;}
	.section05 h4{ padding:11% 0 5%; }
/*	.section05 .ani_box{width:80%;}
	.section05 .ani_box span{margin-bottom:16px;}*/

	.section05 .ani_box{max-width:420px; min-width:170px;}
	.section05 .ani_box span{position:relative; margin-bottom:80px; width:100%; height:100px; background-image:none !important; color:#fff; border-radius:50px; }
	.section05 .ani_box span + span{margin-left:0;}
	.section05 .ani_box span:nth-child(1){background-color:#bedff2; color:#203c5c;}
	.section05 .ani_box span:nth-child(2){background-color:#68b3de; color:#203c5c;}
	.section05 .ani_box span:nth-child(3){background-color:#46cfc3; color:#203c5c;}
	.section05 .ani_box span:nth-child(4){background-color:#4383dd;}
	.section05 .ani_box span:nth-child(5){background-color:#009afe;}
	.section05 .ani_box span:nth-child(6){background-color:#006fef;}
	.section05 .ani_box span:nth-child(7){background-color:#0061d0;}

	.section05 .ani_box span:before{position:absolute; left:0; top:0; display:block; width:100%; line-height:100px; text-align:center; font-size:31px;}
	.section05 .ani_box span:nth-child(1):before{content:'환급세액 산출신청';}
	.section05 .ani_box span:nth-child(2):before{content:'구비서류제출 및 공인인증';}
	.section05 .ani_box span:nth-child(3):before{content:'세액산출(접수 즉시)';}
	.section05 .ani_box span:nth-child(4):before{content:'환급세액 결과확인';}
	.section05 .ani_box span:nth-child(5):before{content:'의뢰(전자계약)';}
	.section05 .ani_box span:nth-child(6):before{content:'세무서자동접수';}
	.section05 .ani_box span:nth-child(7):before{content:'환급완료';}

	.section05 .ani_box span + span::after{position:absolute; left:0; top:-52px; display:block; content:''; width:100%; height:22px; background-image:url('https://img.self-tax.kr/selfTax/main/section05_arrow.png'); background-repeat:no-repeat; background-position:top center;  }


/*
	.section05 .cnt_box{margin-top:-1px;}
	.section05 .cnt_box .txt02{margin-top:50px; padding:30px 0; color:#fff; text-align:center; font-size:22px; border-top:1px solid rgba(225,225,225,0.5); border-bottom:1px solid rgba(225,225,225,0.5);}
	.section05 .cnt_box ul{margin:5% auto 0;}*/


	.section05.mobile{ background-image:url('https://img.self-tax.kr/selfTax/main/section05_m_bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;}
	.section05 .cnt_box{margin-top:20px; padding:130px 0 ;}
	.section05 .cnt_box .txt01{font-size:36px;}
	.section05 .cnt_box .txt01 span{font-size:48px; color:#fff;}
	.section05 .cnt_box .txt02{margin-top:50px; padding:30px 0; text-align:center;  font-size:34px; color:#fff; border-top:1px solid rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.7);}
	.section05 .cnt_box ul{margin:70px auto 0; }
	.section05 .cnt_box ul li .step{padding:0 34px; height:60px; -moz-border-radius: 30px ; -webkit-border-radius: 30px; border-radius:30px; line-height:60px; font-size: 24px; }
	.section05 .cnt_box ul li .txt{padding-left:40px; font-size:38px;}

	.section06{display:none;}

	.sub_visual{margin-top:90px;}
	/*개인정보처리방침, 이용약관*/
	.tab_wrap{top:-39px; max-width:500px; height:40px; }
	.tab_wrap li{line-height:40px; }

	.video_wrap{margin-top:0; padding-bottom: 56.25%;}
	.sub .sub_bnr{margin-top:1.4rem; margin-left:-1rem; padding-bottom:60%; width:calc(100% + 2rem); background:url('https://img.self-tax.kr/selfTax/sub/banner01.jpg') no-repeat; background-size:100% auto; }
	.notice_txt{position:relative; padding-left:27px; color:#203c5c; font-size:26px;}
	.notice_txt::before{position:absolute; left:0; top:0; content:'\203B';display:block; color:#203c5c; font-size:26px;}

	/*가이드페이지 - 환급세액*/
	.guide_box{margin:4rem 0 2rem;}
	.guide_box .guide_notice{padding:3rem 4rem 3rem 15rem; }

    .browse_txt span a{pointer-events:none;}

	.popup_wrap .pop_box{min-width:90vw;}

	.cont_tit{margin:0 auto; padding:1.2rem 0;font-size:1.2rem; color:#fff; text-align:center; background-color:#203c5c; border-bottom:none; }

	
	.guide_box .box_btn{padding:1rem 0 2.5rem; border-left:none; border-right:none;}
	.guide_box .box_btn h4{margin:1.5rem 0 1rem;  padding:0 3.5rem; font-size:1.2rem;}
	.guide_box .box_btn div > h4{margin:1.5rem 0 1rem;  text-align:center;	}
	.guide_box .box_btn div > h4 span{display:inline;}

	.guide_btn{display:block;}
	.guide_btn + .guide_btn{margin-top:0;}
	.guide_btn a{width:100%; height:3rem; line-height:3rem; font-size:1rem;}
    .guide_btn a + a{margin-top:0.4rem;}


	.wrap_tab{top:2.5rem;}
	.wrap_tab li{ height:6rem;}
	.wrap_tab li::after{right:1rem;}
	.wrap_tab li a{padding:0 1rem ;font-size:1.125rem; border-radius:0; font-weight:bold;}
	.wrap_tab li a:before{border-radius:0;}
	.wrap_tab li a b{font-size:1.25rem;}
	.wrap_tab.on{margin:0; top:89px; }


	.guide_wrap.p_t{padding-top:14rem;}

	.box_tit{margin-bottom:2rem; text-align:center;}
	.box_tit img{max-width:10%;}
	.box_tit p{margin-top:1.5rem; font-size:1.3rem; line-height:1.5;}
	.box_tit b{font-size:1.8rem;}

	/*절세상담신청*/
	.sub .contain .target_open{right:1rem; }


	.m_wrap .tb_wrap{border:none; margin-bottom:2rem;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start;}
	.m_wrap .tb_wrap > div{padding:0.8rem; width:100%; border:1px solid #003d83; }
	.m_wrap .tb_wrap.st01 > div{padding:0; border:none; }
	.m_wrap .tb_wrap > div::before{display:none;}
	.m_wrap .tb_wrap h4{margin-bottom:0.8rem; padding-left:2rem; }
	.m_wrap .tb_tit::before{left:0; top:-1px; display:inline-block; width:1.4rem; height:1.4rem;line-height:1.4rem; font-size:0.9rem;}

	.m_wrap .tb_wrap > div.innter .radio_box{margin:0;}

	.m_wrap .tb_wrap .policy_cnt{padding:1rem;}
	.m_wrap .tb_wrap .policy_cnt h5{margin-bottom:0.8rem; font-size:1rem; }
	.m_wrap .tb_wrap .policy_cnt h5 ~ h5{margin-top:0.8rem; padding-top:0.8rem;}
	.m_wrap .tb_wrap .policy_cnt p{font-size:0.9rem;}
	.m_wrap .tb_wrap .policy_cnt table{margin:0.5rem 0; }
	.m_wrap .tb_wrap .policy_cnt tbody tr td{border:1px solid #ccc;}

	.m_wrap .tb_wrap .policy_chk{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;  margin-top:10px; border:1px solid #003d83; }
	.m_wrap .tb_wrap .policy_chk p{padding:0.8rem; font-size:1rem; border-bottom:1px solid #ccc;}
	.m_wrap .tb_wrap .policy_chk .chk_row{padding:0.8rem; margin-left:0;}
	.m_wrap .tb_wrap .policy_chk .chk_row > label{display:inline-block; margin-left:26px; color:#8b8b8b; font-size:15px;}

	.m_list ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:20px;}
	.m_list ul li{position:relative; padding:30px 30px 80px; width:calc(50% - 10px);border:1px solid #9f9f9f; }
	.m_list ul li div + div{margin-top:10px;}
	.m_list ul li .btn_tb{position:absolute; bottom:30px; right:30px;  padding:8px 16px; font-size:16px; color:#fff; font-weight:500; background-color:#666; border-radius:4px;}


	/*카카오인증*/
	/*.mo_wrap .txt_box{padding:2rem 1rem; border-width:2px;}
	.mo_wrap .txt_box .box_tit{margin: 0 0 1rem !important;}
	.txt_box .file_box{padding-left:2rem;}
	.mo_wrap .txt_box.line::before{height:calc(100% - 4rem);}
	.mo_wrap .txt_box .file_box ul li{width:33.333%;}

	.mo_wrap .confi_wrap_st01{padding:50px 40px;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box{padding:2rem 0 2rem 6rem;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box:before{width:5rem; height:5rem; background-size:100% auto;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box p{font-size:14px;}

	.mo_wrap .confi_wrap_st01 .confi_right button{width:290px;}


	.mo_wrap .txt_box .right{padding-left:3rem;}

	.mo_wrap .tb_wrap{ -ms-grid-columns:1fr 4fr  ; grid-template-columns: 1fr 4fr;}
	.mo_wrap .tb_wrap h4{padding-left:1rem;}
	.mo_wrap .tb_wrap > div.tb_box{padding:0 1rem 0.6rem;}*/

	.mo_wrap .txt_box{padding:1rem 0.6rem; margin-bottom:2.6rem; border-width:2px; }
	.mo_wrap .txt_box p{padding-left:0.6rem; font-size:0.9rem;}
	.mo_wrap .txt_box > div{width:100%;}
	.mo_wrap .txt_box .box_tit{ text-align:left; margin: 0 0 1rem !important;}
	.mo_wrap .txt_box > div + div .box_tit{ margin: 3rem 0 1rem !important;}
	.txt_box .file_box{padding-left:0;}
	.mo_wrap .txt_box.line::before{display:none;}
	.mo_wrap .txt_box .file_box ul.kakao_ul{margin: 0 auto;}
	.mo_wrap .txt_box .file_box ul li{width:33.333%;}
	.mo_wrap .txt_box .install_txt_box{padding-left:0;}

	.mo_wrap .txt_box .left{padding-right:0;}
	.mo_wrap .txt_box .right{margin-top:2rem; padding-left:2rem;}
	.mo_wrap .txt_box .right ul{margin-top:0.8rem;}
	.mo_wrap .txt_box .right ul li{line-height:1.6;}
	.mo_wrap .txt_box .right ul li + li{margin-top:0.2rem;}
	.mo_wrap .txt_box .right ul li::before{width:1rem; height:1rem; top:0.3rem; font-size:0.7rem; line-height:1rem;}

	.mo_wrap .tb_wrap{ margin-bottom:2.6rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start; }
	.mo_wrap .tb_wrap > div::before{display:none;}
	.mo_wrap .tb_wrap h4{padding-left:0;}
	.mo_wrap .tb_wrap.st h4{padding:0.6rem; width:100%; border-bottom:1px solid #ccc;}
	.mo_wrap .tb_wrap.special_wrap{border:none;}
	.mo_wrap.sub .tb_wrap.special_wrap > div.tb_box{padding:0 0 0.6rem;}
	.mo_wrap .tb_wrap.special_wrap > div::before{display:none;}

	.mo_wrap .tb_wrap.special_wrap table thead{display:none;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01{margin-top:1rem;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr{height:auto;  display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border:1px solid #ccc;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr + tr{margin-top:0.4rem;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(1){width:10%;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(2){width:35%;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(3){width:55%; border-right:none;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(4){width:70%; border-bottom:none; }
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(5){width:30%; border-bottom:none;}

	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td{padding:0.4rem; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-top:none; font-size:0.9rem;color:#acacac; }
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td span{width:calc(100% - 2.2rem); display:inline-block; text-align:left;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td .tb_tit{width:2.2rem;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(1){justify-content:center; }
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(3) span{width:calc(100% - 3.6rem); }
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td:nth-child(3) .tb_tit{width:3.6rem;}

	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td input,
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td select{padding:0 0.3rem; height:2rem; line-height:2; font-size:0.9rem;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td .btn_del{width:100%; height:2rem; line-height:2rem;}
	.mo_wrap.sub .btn_add{margin-top:0.8rem;}


	.mo_wrap .tb_wrap > div.innter{padding:0.6rem; width:100%;}
	.mo_wrap .tb_wrap > div select{width:100%; height:2rem; line-height:2rem;}
	.mo_wrap .tb_wrap > div.tb_box{padding:0 1rem 0.6rem;}

	.mo_wrap .confi_wrap_st01{margin-bottom:2.6rem; padding:0; border:none;}
	.mo_wrap .confi_wrap_st01 .inner{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:1rem;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box{padding:2rem 0 2rem 6.6rem;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box:before{top:calc(50% - 2.5rem); left:0.8rem; width:5rem; height:5rem; background-size:100% auto;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box h4{margin-bottom:1rem;}
	.mo_wrap .confi_wrap_st01 .confi_left .confi_box p{font-size:14px;}
	.mo_wrap .confi_wrap_st01 .confi_right{padding:0;}
	.mo_wrap .confi_wrap_st01 .confi_right button{width:65%; height:3.4rem; line-height:3.4rem; font-size:1rem;}
	.mo_wrap .confi_wrap_st01 .confi_right .install_stat{margin-left:0.4rem;padding-left:2.6rem; padding-right:1rem; width:calc(35% - 0.4rem); height:3.4rem; line-height:3.4rem; font-size:1rem;}
	.mo_wrap .confi_wrap_st01 .confi_right .btn03 b{padding-left:2.2rem; background-size:1.8rem auto;}


	.mo_wrap.sub .comp_wrap{position:relative; padding:4rem 1rem 2rem; background-color:#f6f6f6; color:#003d83; text-align:left;}
	.mo_wrap.sub .comp_wrap::before{position:absolute; top:1.8rem; left:0; width:100%; height:1.4rem; background:url('https://img.self-tax.kr/selfTax/common/comp_icon.svg') no-repeat center; background-size:auto 100%; display:block; content:'';}
	.mo_wrap.sub .comp_wrap p{padding-left:0.8rem; position:relative; font-size:0.9rem; font-weight:500; word-break:keep-all; line-height:1.6;}
	.mo_wrap.sub .comp_wrap p::before{position:absolute; left:0; top:0.5rem; width:0.3rem; height:0.3rem; border-radius:100%; background-color:#003d83;display:block; content:'';}
	.mo_wrap.sub .comp_wrap p + p{margin-top:0.4rem;}

	.popup_wrap .certifi_step01 h3{margin-bottom:0.6rem; font-size:1rem;}

	.popup_wrap .certifi_step01 .txt{text-align:center;font-size:0.9rem; color:#656565; line-height:1.5;}
	.popup_wrap .certifi_step01 .pro_list{margin-top:2.2rem; padding:1.6rem 0; }
	.popup_wrap .certifi_step01 .pro_list h3{padding:0 1rem; width:70%; min-width:14rem; top:-1rem; font-size:1rem; height:2rem; line-height:2rem; border-radius:1rem;}


	.popup_wrap .certifi_step01 .pro_list ul{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:0.8rem;}
	.popup_wrap .certifi_step01 .pro_list li{width:100%; padding-left:1.8rem; display:-webkit-box; display:-ms-flexbox; display:flex;  align-items:center;}
	.popup_wrap .certifi_step01 .pro_list li + li{margin-top:0;}
	.popup_wrap .certifi_step01 .pro_list li + li::before{display:none;}
	.popup_wrap .certifi_step01 .pro_list li .circle{position:relative; display:block; width:4rem; height:4rem; border-radius:50%; border:2px solid #32649b; background-repeat:no-repeat;}
	.popup_wrap .certifi_step01 .pro_list li:nth-child(1) .circle{background-image:url('https://img.self-tax.kr/selfTax/sub/pro_list_img01.png'); background-size:1.6rem auto; background-position:center; }
	.popup_wrap .certifi_step01 .pro_list li:nth-child(2) .circle{background-image:url('https://img.self-tax.kr/selfTax/sub/pro_list_img02.png'); background-size:1.6rem auto; background-position:center; }
	.popup_wrap .certifi_step01 .pro_list li:nth-child(3) .circle{background-image:url('https://img.self-tax.kr/selfTax/sub/pro_list_img03.png'); background-size:1.6rem auto; background-position:center; }
	.popup_wrap .certifi_step01 .pro_list li:nth-child(3) .circle:after{display:none;}

	.popup_wrap .certifi_step01 .pro_list li .step_txt{font-size:0.8rem;}
	.popup_wrap .certifi_step01 .pro_list li p{margin-top:0.4rem; font-size:1rem;}

	.popup_wrap .certifi_step01 .pro_list .comp.st04{padding-left:0.2rem; font-size : 0.8rem; word-break:keep-all;}
	.popup_wrap .certifi_step01 .pro_list .comp.st04::before{top:0.1rem;}

	/*2023.05.18 최수빈작업*/
	.dualimg_box {display: inline-flex;}
	.guide_wrap .box img.dualimg {margin: 20px auto;}
	.dual_arrow {display:block; transform:rotate(90deg);}
	.guide_wrap .box img.dualimg:last-child {margin-top: 34px;}
	.guide_wrap .box img.phoneimg01 {width: 80%;}
	.guide_wrap .box img.phoneimg02 {width: 70%}
} 

/* portrait tablet */
@media (max-width: 980px) {
	input::placeholder{font-size:0.9rem;}
	body{letter-spacing: -1px;}

/*	header.on{height:50px;}*/

/*	.header .header_logo{width:120px; height:35px; }*/
	.header .family_link{margin-top:5px; padding:0 2%; height:28px;font-size:0.95rem; line-height:26px; -moz-border-radius: 14px ; -webkit-border-radius: 14px ; border-radius:14px;}
	.header .family_link::after{margin-left:8px; width:10px; height:10px; background-size:contain;  }

	footer .top .f_wrap{padding:0 10px;}
	footer .top{height: 50px;}
	footer .top .link ul li + li{padding-left: 10px; margin-left: 10px;}
	footer .top .link ul li a{line-height: 50px; font-size: 1rem;}

	footer .family span{font-size: 1rem; padding-right: 10px; line-height:50px;}
	footer .family strong{font-size: 1rem; }
	footer .family-wrap{display:none;}
	
	footer .bottom{padding:2rem 0 8rem;}

	footer .bottom .info span{padding-right: 8px; margin-right: 8px;}
	footer .bottom .info span.l_bar:before{top:26%; left: -8px;}	

	.quick_menu ul li{padding:15px; font-size:1rem; }
	.quick_menu ul li a > div{background-size:contain;}
	.quick_menu ul .list01 a > div {width:30px;}
	.quick_menu ul .list03 a > div {width:34px;}
	.quick_menu ul .list04 a > div {width:40px;}


	.header .btn_m_menu{left:1rem;}

	.left_menu .top_menu li a{padding:0.8rem ;  font-size:1rem; }
	.left_menu .top_menu li a::after{top:calc(50% - 0.5rem); right:0.8rem; width:1rem; height:0.9rem;}

	.left_menu .menu{padding-top:1rem;}
	.left_menu .menu li{padding:1.2rem 1rem;}
	.left_menu .menu li a{display:block; padding-left:3.6rem; font-size:1.2rem; word-break:keep-all; }
	.left_menu .menu li a > div {position:absolute; top:calc(50% - 1.4rem); left:1rem; width:2.8rem; height:2.8rem; }


	.quick_menu .btn_top{ right:10px; bottom:100px; width:60px; height:60px;}

	.btn_m_quick{right:1rem; bottom:1rem;}
	.m_quick_menu{right:1rem; bottom:1rem; }

	/*홈페이지 유입*/
	.rending_wrap p{margin-bottom:2rem; padding:7.5rem 1rem 15rem; font-size:1.1rem; font-weight:bold; color:#251917;background-size:60% auto;}
	.rending_wrap p span{ top:4rem; padding-left:0; padding-top : 3rem; font-size:1.21rem;}
	.rending_wrap p span:before{ top:0; width:100%; height:2.6rem;background-size: auto 100%; background-position:center top;}
	.rending_wrap a{width:100%; height:3.8rem; background-size:auto 100%;}





	/* section{margin-top:60px;}*/
	.main_video{margin-top:60px;}
	.section01 .cnt_box{padding-top:5vh;}
	.section01 .cnt_box img{width:30vw;}
	.section01 .cnt_box .tit01{ font-size:1.25rem;}
	.section01 .cnt_box .tit02{font-size:1.5rem;}
	.section01 .cnt_box .tit02 .f_c_red{font-size:1.75rem;}
	.section01 .cnt_box .tit03{margin-top:4vh; font-size:1.4rem;}
	
/*	.section01 .guide_link{margin: 50px auto 0;}
	.section01 .guide_link .a_link01{padding:5%; font-size:1.625rem;}
	.section01 .guide_link .a_link01::after{right:5%; width:16px; height:26px; background-size:contain;}*/

	.section02 .contain{padding-top:5vh;}
	.section02 .contain .cnt_tit{font-size:1.5rem; }
	.section02 .contain .cnt_tit::before{left:calc(50% - 12px); width:24px; }
	.section02 .contain .cnt_tit span{font-size:1.75rem;}

	.section02 .contain .cont_box > p{font-size:1.5rem;}
	.section02 .contain ul{margin-top:40px;}
	.section02 .contain ul li a h3{font-size:1.88rem;}



	div[class*=section] .guide_link .btn_k{margin-bottom: 3rem; }
	div[class*=section] .guide_link .btn_k > span{font-size:1.4rem; }
	div[class*=section] .guide_link .btn_k > span > span{font-size:1.2rem;}

	div[class*=section] .guide_link .a_link01{font-size:1.3rem;}
	div[class*=section] .guide_link .a_link01::after{right:1.4rem; width:1rem; height:36px; background-size:100% auto; background-position:center; }

	div[class*=section] .guide_link .a_link_w{margin-top:2rem; gap:1.6rem;}
	div[class*=section] .guide_link .a_link_w a{padding:3.2rem 0 4.6rem; font-size:1.3rem;  }

	div[class*=section] .guide_link .a_link_w .icon{left:calc(50% - 0.8rem); bottom:1.6rem;width:1.6rem; height:1.6rem;}
	div[class*=section] .guide_link .a_link_w .icon::before{width:0.2rem; left:calc(50% - 0.1rem);}
	div[class*=section] .guide_link .a_link_w .icon::after{height:0.2rem; top:calc(50% - 0.1rem); }



/*	.section02 .contain ul { margin:9vh auto 0; max-width:500px;}
	.section02 .contain ul li{position:relative;padding: 0 3%; width:100%;}
	.section02 .contain ul li + li{margin-top: 9vh;}
	.section02 .contain ul li > p{position:absolute; left:0; top:-3vh; padding:0 8%; margin-left:0; height:40px; font-size:1rem; line-height:40px; -moz-border-radius:20px  ; -webkit-border-radius: 20px ;border-radius:20px;}
	.section02 .contain ul li:nth-child(2n+1) > p{margin-left:0;}
	.section02 .contain ul li > p::after{ left:20px; bottom:-9px; border-left: 6px solid transparent;  border-right: 6px solid transparent; border-top: 9px solid #edeef2;}


	.section02 .contain ul li a{ margin:0; padding-bottom:0; max-width:100%; height:100px; min-height:60px; -moz-border-radius: 15px ; -webkit-border-radius:15px  ; border-radius:15px; }
	.section02 .contain ul li h3 {top:calc(50% - 2vh); left:10%; text-align:left; font-size:1.5rem;}
	.section02 .contain ul li h3 > span{margin-left:8px; display:inline-block;}
	.section02 .contain ul li .more{z-index:1; position:absolute; left:88%; top: calc(50% - 10px); margin:0;width:20px; height:20px; }
	.section02 .contain ul li .more::before{top:calc(50% - 2px); width:20px; height:4px; }
	.section02 .contain ul li .more::after{left:calc(50% - 2px); width:4px; height:20px ;}
*/

	.section03{top: 10vh;}
	.section03 .cont_txt{top:16vh; padding: 10% 5%;  background-size:70%; background-position : center 22%; }
	.section03 .cont_txt > img {position:absolute; left:calc(50% - 60px); top:-11%; width:120px;}
	.section03 .cont_txt h4{ font-size:1.5rem;}
	.section03 .cont_txt h4 br{display:none;}
	.section03 .cont_txt h4 b{font-size:1.75rem; }
	.section03 .cont_txt p{margin-top:9%; font-size:1.125rem; }

	.section04{padding-bottom: 37%;}
	.section04 .wrap{padding-top:35vh;}
	.section04 .wrap div{margin: 0 auto;  width:240px; height:240px;}
	.section04 .wrap div:nth-child(2n){float:none;}
	.section04 .wrap div:nth-child(2n+1){float:none;}
	.section04 .wrap div:nth-child(2), .section04 .wrap div:nth-child(3), .section04 .wrap div:nth-child(4){margin-top:20px;}
	
	.section04 .wrap div p{font-size:1.125rem; }
	.section04 .wrap div p span{color:#009afe;}
	.section04 .wrap div:nth-child(1) p{padding:21% 0 10%;}
	.section04 .wrap div:nth-child(2) p{padding:23% 0 10%;}
	.section04 .wrap div:nth-child(3) p{padding:23% 0 5%;}
	.section04 .wrap div:nth-child(4) p{padding:25% 0 5%;}

	.section04 .wrap div:nth-child(1) img{width:62px; margin-left:92px;}
	.section04 .wrap div:nth-child(2) img{width:61px; margin-left:99px;}
	.section04 .wrap div:nth-child(3) img{width:62px; margin-left:98px;}
	.section04 .wrap div:nth-child(4) img{width:67px; margin-left:110px;}


	.section05{padding-bottom:0; }
	.section05::after{background-size:80% auto;}
	.section05 h4{ padding:8vh 0 4vh;font-size:1.75rem; }

	.section05 .ani_box{width:35%;}
	.section05 .ani_box span{margin-bottom:50px; height:50px; border-radius:25px; }
	.section05 .ani_box span:before{line-height:50px;font-size:1.25rem;}

	.section05 .ani_box span + span::after{top:-31px;height:11px; background-size:contain;}

	.section05 .cnt_box{padding:10vh 0;}
	.section05 .cnt_box .txt01{font-size:1.25rem;}
	.section05 .cnt_box .txt01 span{font-size:1.625rem; color:#fff;}
	.section05 .cnt_box .txt02{margin-top:30px; padding:20px 0;  font-size:1.25rem;}
	.section05 .cnt_box ul{margin:6vh auto 0; }
	.section05 .cnt_box ul li .step{padding:0 15px; height:30px;-moz-border-radius: 15px ; -webkit-border-radius:  15px; border-radius:15px; line-height:30px; font-size:1rem; }
	.section05 .cnt_box ul li .txt{padding-left:20px; font-size:1.125rem;}


	.notice_txt{position:relative; padding-left:20px; color:#203c5c; font-size:1rem;}
	.notice_txt::before{position:absolute; left:0; top:0; content:'\203B';display:block; color:#203c5c; font-size:1rem;}


	
	/*sub 공통상단*/
	.sub_visual{margin-top:60px; padding-bottom:55.4%;  background-size:cover;}
	.sub_visual.attach{background-image:url('https://img.self-tax.kr/selfTax/sub/m_sub_visual_attach.png'); }
	.sub_visual.progress{background-image:url('https://img.self-tax.kr/selfTax/sub/m_sub_visual_progress.png'); }
	.sub_visual.contract{background-image:url('https://img.self-tax.kr/selfTax/sub/m_sub_visual_contract.png'); }
	.sub_visual.guide{background-image:url('https://img.self-tax.kr/selfTax/sub/m_sub_visual_guide.png'); }
	.sub_visual.policy{background-image:url('https://img.self-tax.kr/selfTax/sub/m_sub_visual_policy.png'); }
	.sub_visual.consult{background-image:url('https://img.self-tax.kr/selfTax/sub/m_sub_visual_consult.png'); }
	.sub_visual .top_tit{left:0; top:21%; text-align:center; font-size:1.4rem; line-height:1.5; }

	.sub {margin-bottom:90px;}
	.sub .contain .tit{margin:1.6rem 0 1rem; font-size:1rem; }

	/*sub 결과보기 정보입력*/
	.sub .contain > .box {padding-top:0;}
	.sub .wrap .cnt_box{padding:25px 10px;}
	.sub .wrap .cnt_box .grid{ -ms-grid-columns: 2fr 1fr ; grid-template-columns: 2fr 1fr ;}

	/*sub 결과보기*/
	.sub .tb_cnt02{margin-bottom:35px;}
	.sub .tb_cnt02 tr{ height:45px; line-height:45px;}
	.sub .tb_cnt02 tr th{width: 40%;}
	.sub .tb_cnt02 tr th ,.sub .tb_cnt02 tr td{padding-left:15px;}

	.sub .top_txt{border:2px solid #e9e9e9; height:85px; }
	.sub .top_txt .txt01{font-size: 1.25rem; color:#003d83;line-height:85px; }
	
	.sub .ul_box{padding-bottom:15px;}
	.sub .pg_turn{padding-top:25px; width:60%; }
	.sub .pg_turn li{height:60px; line-height:60px; -moz-border-radius:30px  ; -webkit-border-radius: 30px ; border-radius:30px; font-size:1rem;}
	.sub .pg_turn li::before{top:2px; margin-right:4px; display:inline-block;width:20px; height:17px; background-size:contain; }

	.sub .pg_turn li + li{margin-top:40px;}
	.sub .pg_turn li + li::after{ top:-25px; left: calc(50% - 4px ); width:16px; height:9px; background-size:contain; }
	.sub .pg_turn li.on::before{ background-size:contain; }

	/*산출있는경우*/
	.sub .data_box{margin-top:20px;}
	.sub .data_box .box{position:relative;display: block; padding:15px; height:auto;}
	.sub .data_box .box::after{position:absolute; left:0; top:48px; display:block; content:'';width:100%; height:1px; background-color:#ccc;}
	.sub .data_box .box span{ display:block; padding-bottom:15px; }
	.sub .data_box .box a{margin-top:15px; width:100%; }

	/*경정청구 전자계약*/
	.sub .tb_cnt03 tr{height:40px;}
	.sub .tb_cnt03 tbody th{padding-left:15px;}
	/*산출없는경우*/
	.no_box{margin-top:20px; }
	.no_box02{padding:30px 10px; text-align:center; }
	.sub .sub_bnr{margin-left:-1rem; width:calc(100% + 2rem); padding-bottom:56%;}

	/*산출신청 가이드*/
	.guide_box{margin:2rem 0 1rem;}
	.guide_wrap .box .sub_tit{ margin:0 auto 2.5rem; padding:0 1.5rem; height:3rem; line-height:3rem; font-size:1.4rem; border-radius: 1.5rem; }


	/*가이드 페이지 버튼*/
	.select_btn_wrap.guide{ margin:2rem auto 0; }
	.select_btn_wrap.guide h4{margin-bottom:2rem; font-size:1.2rem;}
	.select_btn_wrap.guide .btn_box{gap:0.8rem;}
	.select_btn_wrap.guide div .btn_select,
	.select_btn_wrap.guide div .mbtn_select{height:8rem; width:100%; border-radius:0.2rem;}
	.select_btn_wrap.guide div .btn_select > span{ font-size:1.2rem;}
	.select_btn_wrap.guide div .btn_select > span > span{font-size:1rem;}
	.select_btn_wrap div .btn_select span::before{background-position:calc(100% - 1rem) center; background-size:4.2rem auto;}


	.select_btn_wrap.guide .flex.guide{-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.select_btn_wrap.guide .flex > div{width:100%;}
	.select_btn_wrap.guide .flex > div .tit{margin:2rem 0 1rem; padding:0 2rem; width:fit-content;  height:2rem; line-height:2rem; font-size:1rem; border-radius:1rem;}
	.select_btn_wrap.guide .flex > div p{ font-size:0.9rem;}

	.select_btn_wrap.guide .comp{margin-top:3rem; padding-top:1.2rem; padding-bottom:1.2rem;  font-size:0.9rem;}
	.select_btn_wrap.guide .comp:before{top:1.4rem;}




	/*.guide_btn{-ms-flex-wrap:wrap;flex-wrap:wrap; gap:0.5rem; }*/
	.guide_btn div {-ms-flex-wrap:wrap;flex-wrap:wrap;}

	.guide_box h3{margin-bottom:1rem; font-size:1.4rem; }
	.guide_box .guide_notice{padding:12rem 0rem 2rem; }
	.guide_box .guide_notice p{margin-bottom:1.5rem; padding:0 1rem; font-size:1.125rem;text-align:center;}
	.guide_box .guide_notice p .txt_small{font-size:1rem;}
	.guide_box .guide_notice p::before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); top:-10rem; width:6rem; height:9rem;}
	.guide_box .guide_notice .btn{ width:100%; height:3rem; line-height:3rem; font-size:1rem;}

	.guide_wrap .box{padding:3rem 0rem;}
	.guide_wrap .inner{padding:0 1rem;}
	.guide_wrap .br{display:block;}	

	.guide_wrap .box h3{padding-left:2rem;}
	.guide_wrap .box h3 + h3{margin-top:0.4rem;}
	.guide_wrap .box h3 .num{left:0; width:1.8rem; height:1.8rem; font-size:0.9rem; line-height:2rem;}
	.guide_wrap .box h3 .br{margin-top:6px;}
	.guide_wrap .box p{margin: 0.5rem 0 1.2rem; padding-left:2rem; padding-right:0; }
	.guide_wrap .box p .etc_txt{margin-top:0.5rem;}
	.guide_wrap .box .p{padding:0 1rem;}
	.guide_wrap .box .p2 span{padding-left:1.4rem;}
	.guide_wrap .box .p2 span::before{top:0.2rem; width:1rem; height:1rem; font-size:0.9rem; line-height:1.2rem;}
	.browse_txt{padding:10px 10px 15px; font-size:1.125rem;}
	.browse_txt p{-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start;}
/*	
	.guide_box .box_btn{padding:1rem 0 2.5rem;}
	.guide_box .box_btn h4{margin:1.5rem 0 1rem; padding:0 3.5rem; font-size:1.2rem;}
*/

	

	.guide_wrap .box .btn_lock{margin-left:0; width:100%; height:3rem; line-height:3rem;}

	.wrap_tab02 a{ height:4.2rem; font-size:1.2rem; }
	.wrap_tab02 a[href='#tab_simple'] span{padding-left:3.8rem;}
	.wrap_tab02 a[href='#tab_basis'] span{padding-left:4.3rem;}
	.wrap_tab02 a span:before{top:-0.2rem;}
	.wrap_tab02 a[href='#tab_simple'] span:before{width:3rem; height:2.5rem; }
	.wrap_tab02 a[href='#tab_basis'] span:before{top:-0.7rem; width:3.4rem; height:2.5rem;}



	.guide_wrap .tab_box{display:none;}
	.guide_wrap #tab03{margin-top:0;}
	.tab_tit{position:relative; display:block;}
	.tab_tit::before{position:absolute; bottom:0;  height:100%; display:block; content:''; background-repeat:no-repeat; background-position:center 4.5rem;}
	.tab_tit.tab01::before{width:3.9rem; left:1.8rem;  background-image:url('https://img.self-tax.kr/selfTax/sub/guide_tab01.svg');}
	.tab_tit.tab02::before{width:4rem; left:1.5rem; background-image:url('https://img.self-tax.kr/selfTax/sub/guide_tab02.svg');}
	.tab_tit.tab03::before{width:2.8rem; left:2rem;  background-image:url('https://img.self-tax.kr/selfTax/sub/guide_tab03.svg');}
	.tab_tit::after{position:absolute; right:1.5rem; bottom:1.5rem; width:1.2rem;height:1.2rem; border-bottom:3px solid #a7a7a7; border-right:3px solid #a7a7a7; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s; display:block; content:'';}

	.tab_tit a{position:relative;display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; padding:1rem 1.5rem 5rem; font-size:1rem; line-height:1.4; border:1px solid #cdcdcd;}
	.tab_tit a::before{position:absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px);  border:2px solid transparent; display:block; content:''; -webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
	.tab_tit a b{font-size:1.125rem;}

	.tab_tit.tab02 a,.tab_tit.tab03 a{margin-top:-1px;}
	.tab_tit.on a::before{border-color:#203c5c;}
	.tab_tit.on::after{bottom:1rem; border-color:#000; -webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}

	.wrap_tab{display:none;}
	.wrap_tab li{ height:3rem;}
	.wrap_tab li a{justify-content:center; font-size:1.25rem; border-radius:0; font-weight:bold;}
	.wrap_tab li a:before{border-radius:0;}

	.wrap_tab.on{margin:0; top:60px; }

	.guide_wrap.p_t{padding-top:2rem;}

	.guide_wrap .box .btn_more{width:15rem; height:3rem; font-size:1.125rem; line-height:3rem;}
	.guide_wrap .box .btn_more .icon{top:1px; width:1rem; height:1rem; }
	.guide_wrap .box .btn_more .icon::before{left:calc(50% - 1px); width:2px;}
	.guide_wrap .box .btn_more .icon::after{top:calc(50% - 1px); height:2px;}


	/*절세상담신청*/
	.sub .contain .target_open{top:-0.4rem; padding: 0 1rem; height:2.4rem; font-size:0.9rem;}
	.sub .contain .target_open span{padding-right:1.4rem; background-size:auto 1rem; }

	.m_wrap .tb_wrap .grid8{ -ms-grid-columns:  1fr; grid-template-columns:1fr ;  }
	.m_wrap .tb_wrap .input_li{ display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center;  gap:0.4rem;  }
	.m_wrap .tb_wrap .input_li.f_s{align-items:start;}
	.m_wrap .tb_wrap .input_li .full{width:100%;}
	.m_wrap .tb_wrap .input_li label{ min-width:4.6rem; margin-bottom:0; font-size:0.9rem;}
	.m_wrap .tb_wrap .input_li.f_s label{margin-top:0.5rem;}
	.m_wrap .tb_wrap .input_li input,
	.m_wrap .tb_wrap .input_li select{height:2.4rem; line-height:2.4rem; border-radius:0;}
	.m_wrap .tb_wrap .input_li textarea{padding:0.4rem;}
	.m_wrap .tb_wrap .input_li .row {margin-bottom:0.5rem;}
	.m_wrap .tb_wrap .input_li .row label{margin-top:0; min-width:4.6rem; width:20%; height:2.4rem; line-height:2.4rem; font-size:0.9rem; border-radius:4px;}


/*	.m_wrap .tb_wrap .grid8{ -ms-grid-columns:  1fr; grid-template-columns:1fr ;  }
	.m_wrap .tb_wrap .input_li label{ margin-bottom:0.8rem;}
	.m_wrap .tb_wrap .input_li input,
	.m_wrap .tb_wrap .input_li select{height:2.4rem; line-height:2.4rem; border-radius:0;}*/

	
	.m_list ul li{ padding:1rem 1rem 3.6rem; width:100%;}
	.m_list ul li .btn_tb{ bottom:1rem; right:1rem;  padding:0.6rem 1rem; font-size:0.8rem; border-radius:0.4rem;}

	.img_box{margin-top:3rem; height:19rem;}
	.img_box p{padding:4rem 0.6rem 2rem; font-size:1.3rem;}
	.img_box img{width:35%; min-width:140px;}



	.box_tit img{max-width:17%;}
	.box_tit p{margin-top:0.8rem; font-size:1rem;}
	.box_tit b{font-size:1.125rem;}


	/*절세상담 상단 이미지*/
	.consultReq_img{padding:2rem 10px 3rem; border-bottom:1px solid #ccc;}
	.consultReq_img .inner{ bottom:27%; width:95%; height:37%;}
	.consultReq_img a{padding:0; width:100%; max-height:7rem; height:17%;}
	.consultReq_img .link01{left:0%; top:2%;}
	.consultReq_img .link02{left:0%; top:23%;}
	.consultReq_img .link03{left:0%; top:43%;}

	/*개인정보처리방침, 이용약관*/
	.policy_warp{padding:10px;}
	.policy_warp h2, .policy_warp h3{padding-bottom:10px;}
	.policy_warp p{padding-bottom:30px;}


	/*공통 버튼*/
	.m_wrap .btn_wrap > button,
	.m_wrap .btn_wrap > a{margin:1rem 0; width:50%;}
	.btn_wrap > a{ margin : 2rem 0; width:100%; max-width:100% !important;}
	.btn_wrap.st01{margin-top:2.5rem; padding-top:0;}
	.btn_wrap.st02{margin-top:2.5rem; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; gap:12px;}
	.btn_wrap.st02 .btn{margin:0;}
	.btn{ margin:1.5rem auto 0; width: 100%; height:3rem; line-height:3rem; font-size:1rem;}
	.btn_orange02.btn_st{width:100%;}


	/*팝업*/
	.popup_wrap .pop_top{padding: 1rem; letter-spacing:-1.5px; }
	.popup_wrap .pop_top h3{width:100%; line-height: 1.5; font-size:1.125rem;}
	.popup_wrap .pop_top button{right:1rem; }
	.popup_wrap .bottom_btn{margin:0 1rem; padding:0 4rem 1rem;}
	.popup_wrap .bottom_btn .btn_closed{margin-top:1rem; height:3rem; line-height:3rem;}



	/*.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td input,
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td select{padding:0 0.3rem; height:2rem; line-height:2; font-size:0.9rem;}
	.mo_wrap.sub .tb_wrap.special_wrap .tb_cnt01 tr td .btn_del{width:100%; height:2rem; line-height:2rem;}
*/



	.landing_wrap .home_link{top:2rem; right:1.6rem; width:7rem; height:2.4rem; background-size:100% auto;}
/*	.landing_wrap .link_wrap{height:12rem;}*/


	.popup_wrap .pop_cnt{padding:0.8rem;}

	/* 2023.05.17 최수빈작업*/
	.m_sub_visual {padding:2rem 0.6rem 2rem;}

	.select_btn_wrap div.btn_wrapwrap {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse; margin-bottom:1rem;}
	.select_ptxt {margin-top: 50px;}
	.ptext2 {display:none;}
} 



@media (max-width: 480px) {
	.br{display:block;}
	footer .top .link ul li a{font-size: 4vw;}
	footer .family span{font-size: 4vw;}
	footer .family strong{font-size: 4vw; }

	footer .bottom .info span{ font-size: 3.9vw;}
	footer .bottom .info span:nth-child(3):before{display:none;}
	
	.modal_wrap{left:1rem;}
	.modal_wrap .modal_container{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);}


	.quick_menu ul li{padding:0.8rem;}

	.section01 .cnt_box{padding-top:6vh;}
	.section01 .cnt_box img{width:35vw;}
	.section01 .cnt_box .tit01{margin-top:6vw; font-size:5vw;}
	.section01 .cnt_box .tit02{font-size:6vw;}
	.section01 .cnt_box .tit02 .f_c_red{font-size:7vw;}
	.section01 .cnt_box .tit03{font-size:5.6vw;}

/*	.section01 .guide_link{padding: 0 10px;}*/
	.section01 .guide_link .a_link01{font-size:5.6vw;}

	div[class*=section] .guide_link .a_link01{padding:2rem 1.6rem;}
	div[class*=section] .guide_link .a_link01::after{right:1rem;}
	div[class*=section] .guide_link .a_link_w a{padding:1.6rem 0 4rem; }
	div[class*=section] .guide_link .a_link_w .icon{bottom:1.4rem;}

	.section02 .contain .cnt_tit{padding-bottom:2.5vh; font-size:6vw; }
	.section02 .contain .cnt_tit span{font-size:7vw;}
	.section02 .contain .cont_box > p{padding-top:2.5vh; font-size:4.5vw; }
	.section02 .contain ul{max-width:100%;}
	
	.section02 .contain ul li a{ height:20vmin; min-height:40px; border-radius:10px; }
	.section02 .contain ul li a h3 { font-size:6vw;}

	.section02 .contain ul li .more{top:calc(50% - 10px);width:20px; height:20px;}
	.section02 .contain ul li .more::before{top:calc(50% - 2px); width:20px; height:4px; }
	.section02 .contain ul li .more::after{left:calc(50% - 2px); width:4px; height:20px ;}

	.section03{top:6vh;}
	.section03 .cont_txt{top:13vh; padding:17% 5%;}
	.section03 .cont_txt > img {left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); width:32vw;}
	.section03 .cont_txt h4{ font-size:6vw;}
	.section03 .cont_txt h4 b{font-size:7vw; }
	.section03 .cont_txt p{font-size:4.5vw; }

	.section04{padding-bottom:43%; background-size:115%; background-position-x:14%;}
	.section04 .wrap{padding-top:27vh;}

	.section05{padding-bottom:7%;}
	.section05 h4{font-size:7vw; }
	.section05 .ani_box{width:50%; min-width:170px;}
	.section05 .ani_box span{margin-bottom:40px;}

	.section05 .ani_box span:before{line-height:50px; font-size:4vw;}
	.section05 .ani_box span + span::after{top:-26px; height:11px;  background-size:contain;}
	
	.section05 .cnt_box .txt02{margin-top:20px; padding: 15px 0;}
	.section05 .cnt_box:before{height:2px; background-size:contain;}
	.section05 .cnt_box p{font-size:5vw;}
	.section05 .cnt_box p span{font-size:6.5vw;}
	.section05 .cnt_box ul li .step{ height:7.4vmin; line-height:7.4vmin; font-size:3.2vw; letter-spacing:0; }
	.section05 .cnt_box ul li .txt{font-size:4.5vw;}


	.guide_wrap > p{margin: 3vw 0 8vw; }
	.guide_wrap .guide_btn > div{padding:4vw ;}

	.wrap_tab02 a{font-size:1.1rem; }
	.wrap_tab02 a[href='#tab_simple'] span{padding-left:3rem;}
	.wrap_tab02 a[href='#tab_basis'] span{padding-left:3.6rem;}


	.tab_wrap{max-width:95%;}
	.tab_wrap::after{width:80%;}
	.tab_wrap li{padding:0 16px;}

	/*sub 공통상단*/
	.sub_visual .top_tit{font-size:6vw;}
	.sub .contain .tit{font-weight:normal; font-size:1.2rem;}
	.wrap .cnt_box .grid button{font-size:0.9rem;}

	.wrap .cnt_box label{font-size:inherit;}

	/*개인정보처리방침, 이용약관*/
	.tab_wrap li{font-size:4.5vw;}


	.consultReq_img .inner{width:100%;}
	.consultReq_img a{height:4rem;}
	.consultReq_img .link01{left:0%; top:2%;}
	.consultReq_img .link02{left:0%; top:22%;}
	.consultReq_img .link03{left:0%; top:41%;}

/*	.landing_wrap .link_wrap{height:6.2rem;}*/

	/* 2023.05.16 최수빈작업*/
	.tripleimg_box{ -ms-grid-columns:auto; grid-template-columns:auto; margin: 0 20px;}
	
	/*가이드 페이지 버튼*/
	.select_btn_wrap.guide .btn_box{-ms-flex-wrap:wrap; flex-wrap:wrap;}
	.select_btn_wrap.guide div .btn_select{ width:100%; max-width:100%;}

}

@media (max-width: 320px) {
	.left_menu{ min-width:220px;}	
	.left_menu > div .m_btn_closed{ right:-50px; }
	.left_menu .top_menu li a{padding:0.8rem 0.4rem; font-size:4.4vw; }
	.left_menu .menu li a{padding-left:3.2rem; font-size:1rem;}

	.quick_menu ul li{font-size:3.5vw;}
	footer .bottom .info span.l_bar:before{top:1px;}

	/* 2023.05.16 최수빈작업*/
	.tripleimg_box{margin: 0 10px;}
	

}
