body.overflow{height:100vh; overflow:hidden;}

section{margin:0 auto; max-width:1920px; overflow:hidden;}
.contain{margin:0 auto; max-width:1236px;padding:0 50px;}
.mobile{display:none !important;}
/*################## header ##################*/
header{ position:fixed;top:0; left:0; z-index:100; width:100%;  height:110px; text-align:center;background-color:#fff; border-bottom:1px solid #ccc;  -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition:all 0.8s ease ; transition:all 0.8s ease;}
.header{position:relative; margin:0 auto; padding:0 50px; display: -ms-flexbox; display: -webkit-box;  display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-align: center;  -webkit-box-align: center;  align-items: center; max-width:1236px; height:100%; }
.header .header_logo{position:relative; width:186px; height:55px; }
.header .header_logo a{background-image:url('https://img.self-tax.kr/selfTax/common/self_tax_logo.svg'); background-repeat:no-repeat; background-size: contain; background-position:center;}
.header a{display:block; height:100%;}
.header .family_link{margin-top:11px; padding:0 18px; height:34px; line-height:34px; border:2px solid #00a4d2; color:#00a4d2; font-family: 'KHNPHU'; font-size:18px;-moz-border-radius: 17px ; -webkit-border-radius: 17px ; border-radius:17px; background-color:#fff;}
.header .family_link::after{margin-left:10px; content:'';display:inline-block; width:14px; height:14px; background:url('https://img.self-tax.kr/selfTax/common/icon_link.png') no-repeat;  }

.header .family_link:hover{background-color:#00a4d2; color:#fff; }
.header .family_link:hover::after{background:url('https://img.self-tax.kr/selfTax/common/icon_link_h.png') no-repeat; }

header.main{background-color:transparent; height:90px;}

header.main .header_logo a{background-image:url('https://img.self-tax.kr/selfTax/common/self_tax_logo_w.svg');}
header.main.on{ background-color:#fff; height:110px;}
header.main.on .header_logo a{background-image:url('https://img.self-tax.kr/selfTax/common/self_tax_logo.svg');}



/*################## footer ##################*/
footer .top .contain{display: -ms-flexbox; display: -webkit-box;  display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
footer .top{ background-color: #f4f4f4; height: 60px;}
footer .top .link ul{ display: -ms-flexbox; display: -webkit-box;  display: flex;}
footer .top .link ul li{ position: relative;}
footer .top .link ul li + li{padding-left: 20px; margin-left: 20px;}
footer .top .link ul li:before{ content: ""; width: 4px; height: 4px; background-color: #aaa;-moz-border-radius: 50% ; -webkit-border-radius: 50% ; border-radius:50%; position: absolute; left: 0; top: 50%; }
footer .top .link ul li:first-child:before{ display: none;}
footer .top .link ul li a{ color: #a7a7a7; line-height: 60px; font-size: 16px;}
/*footer .top .link ul li.color a{ color: #0080ff;}*/ 

footer .family span{ font-family: 'KHNPHU'; font-size: 18px; color: #6a6a6a; vertical-align: middle; padding-right: 10px;}
footer .family strong{ font-family: 'KHNPHU'; font-size: 18px; color: #6a6a6a; font-weight: bold; letter-spacing: -1px; vertical-align: middle;}
footer .family-wrap{ display: inline-block; position: relative; margin-left: 25px;}
footer .family-wrap::before{content:''; position:relative; top:2px; display:inline-block; width:1px; height:17px; background-color:#b6b6b6;}
footer .family-wrap .family-btn{ width: 145px; height: 60px; font-size: 16px; color: #a7a7a7; font-weight: bold;  padding-right: 15px; box-sizing: border-box; cursor: pointer; position: relative;}

footer .family-wrap .family-btn:after{ content: ""; width: 15px; height: 8px; background: url('https://img.self-tax.kr/selfTax/common/footer_arrow.png') no-repeat; position: absolute; right: 0; top: 26px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition:all 0.5s ; transition:all 0.5s;}
footer .family-wrap .family-list{ position: absolute; right: 0; bottom: 60px; opacity: 0;border: 1px solid #e4e4e4; visibility: hidden;}
footer .family-wrap .family-list.on{ opacity: 1;}
footer .family-wrap .family-list li{ width: 145px; height: 45px; background-color: #fff;  color:#a7a7a7;}
footer .family-wrap .family-list li:hover{background-color:#a7a7a7; color:#626262;}
footer .family-wrap .family-list li a{ display: block; text-align: center; line-height: 45px; font-size: 14px;}
footer .family-wrap .family-list li + li{border-top: 1px solid #e4e4e4;}
/* È°¼ºÈ­ */
footer .family-wrap .family-btn.on:after{-webkit-transform:rotate(180deg); transform: rotate(180deg);}

footer .bottom{padding:50px 0 90px;}
footer .bottom .contain{ display:flex; flex-wrap:wrap; gap:40px; }
footer .bottom .logo{width:40%; max-width:220px; min-width:9rem; }
footer .bottom .info{word-break:break-word;}
footer .bottom .info span{position: relative; display:inline-block; padding-right: 10px; margin-right: 10px; margin-bottom:5px; font-size: 15px; color:#5b5b5b;}
footer .bottom .info span.l_bar:before{ content: ""; width: 1px; height: 10px; background-color: #333; position: absolute; left: -10px; top: 6px;}

.m_quick_menu{display:none;}
.quick_menu{z-index:10; position:fixed; right:50px; top: 110px; width:130px; }
.quick_menu ul{background-color:#fff; border:1px solid #ccc; }
.quick_menu ul li{padding: 25px 0; font-size:16px; font-weight:bold; text-align:left; }
.quick_menu ul li + li{border-top:1px solid #ced4d7}
.quick_menu ul li a{position:relative; display:block; padding-left:60px; color:#3e3e3e;}
/*.quick_menu ul li.list04 a{padding-top:45px;}*/
.quick_menu ul .list05{padding-bottom:35px;}
.quick_menu .kakao{background-color:#f3e035;}
.quick_menu ul li a > div {position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:60px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.quick_menu ul .list01 a > div {height:32px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu01.png');}
.quick_menu ul .list02 a > div {width:42px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu_m.png');}
.quick_menu ul .list03 a > div {height:34px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu02.png');}
.quick_menu ul .list04 a > div {height:32px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu04.png');}
.quick_menu ul .list05 a > div {height:38px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu05.png');}
.quick_menu ul .list06 a > div {height:35px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu06.png');}
.quick_menu ul .list07 a > div {height:32px; background-image:url('https://img.self-tax.kr/selfTax/common/quick_menu07.png');}
.quick_menu ul .kakao a > div {height:36px; background-image:url('https://img.self-tax.kr/selfTax/common/kakao_ch_bg.png');}

.quick_menu .btn_guide{margin-bottom:-1px; text-align:center;  border:1px solid transparent;background-image: linear-gradient(45deg, rgba(135,191,255,1) 0%, rgba(255,255,255,1) 100%); overflow:hidden; }
.quick_menu .btn_guide a{display:block; padding:15px 0; background-color:#203c5c;}
.quick_menu .btn_guide span{margin-top:10px; display:block; color:#fff; font-size:14px; font-weight:bold;}




/*################## ¾Ë·µÃ¢ ##################*/
.modal_wrap{display:none; z-index:999999; position:fixed; top:25%; left:calc(50% - 170px);  -webkit-animation: slide-rotate-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-rotate-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
.modal_wrap .modal_container{max-width:800px; min-width:340px; border:2px solid #2a3950;  background-color:#fff; border-radius:12px; overflow:hidden; text-align:center;box-shadow: 6px 8px 5px 0px rgba(0, 0, 0, 0.1); }
.modal_wrap .modal_container .inner{position:relative; padding:130px 20px 30px;}
/*¾ÆÀÌÄÜ*/
.modal_wrap .modal_container .modal_icon{position:absolute; left:calc(50% - 35px); top:30px;  width:70px; height:70px; border-radius:100%; }
.modal_icon.info{/*background-color:#f5a100;*/ background:url('https://img.self-tax.kr/selfTax/common/modal_info.svg') no-repeat ; -webkit-animation: info 0.65s linear 0.2s both;animation: info 0.65s linear 0.2s both; }
.modal_icon.success{/*background-color:#6db12f;*/ opacity:0; background:url('https://img.self-tax.kr/selfTax/common/modal_success.svg') no-repeat; -webkit-animation: success 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.1s both;animation: success 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.1s both;}
.modal_wrap .modal_container p{font-size:18px; color:#2a3950;word-break:keep-all; line-height:1.5; }

.modal_wrap .modal_container .modal_btn_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;}
.modal_btn_wrap .btn_modal {position:relative; width:100%; height:60px; line-height:60px; border-top:2px solid #2a3950; font-size:16px; font-weight:bold;}
.modal_btn_wrap .btn_popup_confirm{background-color:#2a3950; color:#fff;}
.modal_btn_wrap .btn_popup_cancell{background-color:#f7f7f7; color:#2a3950;}
.modal_btn_wrap .btn_modal::after{position:absolute; left:0; bottom:0; width:100%; height:100%; opacity:0; content:''; display:block; -webkit-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;}
.modal_btn_wrap .btn_popup_confirm::after{background: linear-gradient(0, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0) 90%);}
.modal_btn_wrap .btn_popup_cancel::after{background: linear-gradient(0, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 90%);}
.modal_btn_wrap .btn_modal:hover:after{opacity:1;}
.modal_bg{display:none; z-index:999; position:fixed; top:0; left:0; width:100vw; height:100vh;}


.comp{position:relative; padding-left:22px; margin-top:10px; color:#003d83; font-size:13px; line-height:1.5;}
.comp::before{content:''; display:inline-block; position:absolute; left:0; top:3px; width:16px; height:16px;background:url('https://img.self-tax.kr/selfTax/common/comp_icon.png') no-repeat;}
.comp.st02{margin-top:10px; color:#009afe; font-size:15px; line-height:1.5;}
.comp.st02::before{content:''; display:inline-block; position:absolute; left:0; top:3px; width:16px; height:16px;background:url('https://img.self-tax.kr/selfTax/common/comp_icon02.png') no-repeat;}
.comp.st03{margin-top:10px; color:#e91f1f; font-size:19px; line-height:1.5;}
.comp.st03::before{content:''; display:inline-block; position:absolute; left:0; top:7px; width:16px; height:16px;background:url('https://img.self-tax.kr/selfTax/common/comp_icon03.png') no-repeat;}
.comp.st04{margin-top:10px; color:#fe9227; font-size:15px; line-height:1.5;}
.comp.st04::before{content:''; display:inline-block; position:absolute; left:0; top:3px; width:16px; height:16px;background:url('https://img.self-tax.kr/selfTax/common/comp_icon04.png') no-repeat;}


.comp.lay{margin-top:20px; margin-left:152px;}

.txt_bal{position:relative; display:inline-block; padding:2px 15px 2px 35px; font-size:13px; color:#fff; background-color:#003d83; border-radius:10px;}
.txt_bal::before{content:''; display:inline-block; position:absolute; left:13px; top:2px; width:16px; height:16px;background:url('https://img.self-tax.kr/selfTax/common/comp_icon_w.png') no-repeat;}
.txt_bal::after{position:absolute; left:18px; bottom:-7px; content:''; display:block; width:0; height:0;border-left: 4px solid transparent;  border-right: 4px solid transparent; border-top: 7px solid #003d83;}


/*################## table ##################*/
table.tb_st thead tr th{z-index:2; position:sticky; top:0; vertical-align:middle; background-color:#fff;}
table.tb_st thead tr th::before{position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#ccc; display:block; content:'';}
table.tb_st thead tr th + th::after{position:absolute; top:0px; left:0; width:1px; height:100%; background-color:#ccc; display:block; content:'';}

/*################## °øÅë ÆùÆ® Ä÷¯ ##################*/
.f_c_blue{color:#009afe;}
.f_c_blue01{color:#32649b;}
.f_c_blue02{color:#003d83;}
.f_c_orange{color:#fa8919;}
.f_c_red{color:#ff3838;}
.f_c_red02{color:#e91f1f;}
.f_c_black{color:#424242;}


/*################## ¹öÆ° ##################*/
.btn_wrap{ display: -ms-flexbox; display: -webkit-box;  display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: center; gap:12px;}
.btn_wrap.st01{margin-top:50px;padding-top:20px; border-top:1px solid #ccc;}

.btn_wrap > button{ margin : 30px 5px; width:260px; }
.btn_wrap > a{ margin : 30px 5px; width:260px; cursor:pointer; }

/*±âº» ¹öÆ°*/
.btn{display:block; margin:30px auto 0 ; width: 230px; text-align:center; color:#fff; -moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius:4px; font-size:18px; -webkit-transition:background-color 0.5s;-o-transition:background-color 0.5s;transition:background-color 0.5s;}
.btn.w_01{ width:100%; max-width:300px;}


/*¹öÆ° ¹è°æ*/
.btn_bg{ height:65px; line-height:65px;}
.btn_bg.h_01{height:45px; line-height:45px;}

.btn.bg_01{background-color:#009afe;}
.btn.bg_02{background-color:#003d83;}
.btn.bg_03{background-color:#203c5c;}
.btn.bg_orange{background-color:#ffad5c;}
.btn.bg_orange02{background-color:#fe9227;}
.btn.bg_gray{background-color:#b7b7b7;}
.btn.bg_gray02{background-color:#505050;}

/*¹öÆ° ¶óÀÎ*/
.btn_line{height:65px; line-height:63px; border-width:1px; border-style:solid; background-color:#fff; transition:outline 0.4s;}
.btn_line.h_01{height:45px; line-height:43px;}
.btn_line.line01{border-color:#009afe;}
.btn_line.line_red{ border-color:#e91f1f; color:#e91f1f; }
.btn_line.line_gray{ border-color: #9b9b9b; color:#9b9b9b;  }


.certi_type01.disabled{opacity:0.4; }

/*





.btn{display:block; margin:30px auto 0 ; width: 230px; height:65px; line-height:65px; text-align:center; color:#fff; background-color:#009afe; -moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius:4px; font-size:18px; -webkit-transition:background-color 0.5s;-o-transition:background-color 0.5s;transition:background-color 0.5s;}
.btn_line02{display:block; margin:30px auto 0 ; width: 230px; background-color:#fff; line-height:63px;-moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius:4px; font-size:18px; text-align:center;}


.btn_gray{background-color:#b7b7b7;}

.btn_lock{background-color:#203c5c; border:1px solid #203c5c; }
.btn_orange{background-color:#ffad5c;}
.btn_orange02{background-color:#fe9227;}


.btn_line02.gray{border:1px solid #aaa; color:#aaa;}


.btn_orange02.btn_st{width:300px; letter-spacing:-1px;}

.btn_line{height:45px; background-color:#fff; line-height:43px; transition:outline 0.4s;}
.btn_line.red{height:45px; border:1px solid #e91f1f; color:#e91f1f; background-color:#fff; }
.btn_line.gray{height:45px; border:1px solid #9b9b9b; color:#9b9b9b; background-color:#fff; }


.btn_line.red:hover{outline:1px solid #e91f1f; }
.btn_line.gray:hover{outline:1px solid #9b9b9b; }

.btn_st.st01:hover{background-color:#007bcb;}
.btn_st.st02:hover{background-color:#002550;}*/

.btn_down{display:inline-block; width:160px; height:45px; line-height:43px; color: #9b9b9b; border:1px solid #9b9b9b; border-radius:4px; text-align:center;}
.btn_inert{color:#009afe; background-color:#fff !important;  border:1px solid #009afe;}
.file_up{ display:block; width:220px; background-color:#fff !important; color:#009afe; border:1px solid #009afe; -webkit-transition:all 0.1s;-o-transition:all 0.1s;transition:all 0.1s; }
.file_up::before{content:'';position:relative; top:4px; margin-right:8px; display:inline-block;width:16px; height:22px; background:url('https://img.self-tax.kr/selfTax/sub/btn_file.png') no-repeat; }
.btn_del{width:120px; height:45px; line-height:45px;-moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius:4px; border:1px solid #009afe; color:#009afe;}
.btn .icon_link{position:relative; top:4px; width:18px; height:22px; display:inline-block; background:url('https://img.self-tax.kr/selfTax/common/icon_btn.png') no-repeat;}


.btn_add{margin-top:20px; float:left; width:120px; height:45px; line-height:45px;-moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius:4px; background-color:#003d83; color:#fff;-webkit-transition:background-color 0.5s;-o-transition:background-color 0.5s;transition:background-color 0.5s;}


.btn_st{color:#fff; line-height:45px; transition:all 0.4s;}
.btn_st.st01{background-color:#009afe;}
.btn_st.st02{background-color:#003d83;}

.btn_kakao_ch{background-color:#fae100; color:#000;}
.btn_kakao_ch span{padding-left:30px; position:relative;}
.btn_kakao_ch span::before{position:absolute; left:0;top:0px; width:24px; height:25px;  content:''; display:block; background:url('https://img.self-tax.kr/selfTax/common/kakao_ch.png') no-repeat;}



/*¹öÆ°ºñÈ°¼º*/
button.disabled{background-color:#b7b7b7 !important; cursor:default}

/* button hover*/
.file_up:hover{outline:1px solid #009afe;}
.file_up:hover::before{background:url('https://img.self-tax.kr/selfTax/sub/btn_file.gif') no-repeat; }
.btn_del:hover{outline:1px solid #009afe;}
.btn_inert:hover{outline:1px solid #009afe;}
.btn_line02.gray:hover{outline:1px solid #aaa;}

.btn_down:hover{background-color: #9b9b9b !important; color:#fff;}
.btn_lock:hover{background-color: #132336 !important;}
.btn_gray:hover{background-color: #959595 !important;}
.btn_orange:hover{background-color:#ff9329 !important;}
.btn_orange02:hover{background-color:#f17801 !important;}
.btn.bg_01:hover{background-color: #007bcb;}
.btn_add:hover{background-color:#002550;}

.btn:focus{outline:2px solid #000;}

/*µå·¡½º ¹æÁö*/
.draggable {-webkit-user-select: none; -moz-user-select: none; -ms-use-select: none; user-select: none; }


/*################## üũ ##################*/
.checks {position: relative;}
.checks input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.checks input[type="checkbox"] + label {  display: inline-block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
.checks input[type="checkbox"] + label:before {  /* °¡Â¥ üũ¹Ú½º */
  content: ' ';  display: inline-block;
  width: 21px;  /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */
  height: 21px;  /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */
  line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */
  margin: -2px 8px 0 0;  text-align: center;   vertical-align: middle;  background: #fafafa;  border: 1px solid #cacece;  border-radius : 3px;  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}

.checks input[type="checkbox"]:checked + label:before {  /* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ 
  content: '\2714';  /* üũǥ½Ã À¯´ÏÄÚµå »ç¿ë */
  color: #99a1a7;  text-shadow: 1px 1px #fff;  background: #e9ecee;  border-color: #adb8c0;  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}

.checks input[type="checkbox"] + label {top:-17px; left: 0;}
.checks input[type="checkbox"] + label:before {  position: absolute;  left: 0;  top: 0;  margin-top: 0;  opacity: .6;  box-shadow: none;  border-color: #2a3950; -webkit-transition: all .12s, border-color .08s;  transition: all .12s, border-color .08s;}
.checks input[type="checkbox"]:checked + label:before {  position: absolute;  content: "";  width: 10px;  top: -5px;  left: 5px;  border-radius: 0;  opacity:1;   background: transparent;  border-color:transparent #009afe #009afe transparent;  border-top-color:transparent;  border-left-color:transparent;  -ms-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  transform:rotate(45deg);}


.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}

/*################## ½ºÅ©·Ñ ##################*/
div[class*=scroll_wrap]{overflow:auto;}
.scroll_h01{max-height:152px;}
.scroll_h02{max-height:300px;}
.scroll_h03{max-height:272px;}
.scroll_h04{max-height:500px;}
.pop_scroll_h01{max-height : 65vh;}
.pop_scroll_h02{max-height : 70vh;}
.h_01{ max-height:55vh;}
.h_02{ max-height:50vh;}

/*div[class*=scroll_wrap]::-webkit-scrollbar{width: 15px !important; }
div[class*=scroll_wrap]::-webkit-scrollbar-thumb{background-color: #bcbcbc;}
div[class*=scroll_wrap]:hover::-webkit-scrollbar-thumb{background-color: #929292;}
div[class*=scroll_wrap]::-webkit-scrollbar-track{background-color: #dadada;}*/

div[class*=scroll_wrap]::-webkit-scrollbar{width: 10px !important; }
div[class*=scroll_wrap]::-webkit-scrollbar-thumb{background-color: #909090; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05); border-radius:5px;}
div[class*=scroll_wrap]:hover::-webkit-scrollbar-thumb{background-color: #5d5d5d;}
div[class*=scroll_wrap]::-webkit-scrollbar-track{background-color: #f7f7f7; box-shadow: inset 0px 1px 2.7px 0.3px rgba(0, 0, 0, 0.15); border-radius:5px;}


/*Å×ÀÌºí ½ºÅ©·Ñ*/
.tb_scroll thead tr th{z-index:2; position:sticky; top:0; vertical-align:middle; }
.tb_scroll thead tr th::before,
.tb_scroll thead tr th::after{position:absolute; display:block; content:'';}


.txt_cut{width:95%; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




.success-checkmark {
  width: 80px;
  height: 115px;
  margin:30px auto 0;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #009afe;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  background: #FFFFFF;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #009afe;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid #009afea1;
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #FFFFFF;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2022-9-16 14:47:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes success {
  0% {
      opacity:0;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
      opacity:1;
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes success {
  0% {
      opacity:0;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
       opacity:1;
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@-webkit-keyframes info {
  0% {
    -webkit-transform: scale(0) rotateZ(0);
            transform: scale(0) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateZ(180deg);
            transform: scale(0.5) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}
@keyframes info {
  0% {
    -webkit-transform: scale(0) rotateZ(0);
            transform: scale(0) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateZ(180deg);
            transform: scale(0.5) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}

@-webkit-keyframes slide-rotate-hor-top {
  0% {
     -webkit-transform: translateY(-150px) rotateX(-90deg);
            transform: translateY(-150px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0);
            transform: translateY(0) rotateX(0);
  }
}
@keyframes slide-rotate-hor-top {
  0% {
    -webkit-transform: translateY(-150px) rotateX(-90deg);
            transform: translateY(-150px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0);
            transform: translateY(0) rotateX(0);
  }
}


@keyframes aniOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@keyframes aniDown {
  0% {
    opacity: 0;
    top:-10px;
  }
 80% {
    opacity: 1;
    top:20px;
  }
  100% {
    opacity: 0;
    top:20px;
  }
}





.checkbox-wrapper {
  cursor: pointer;
  list-style: none;
  padding: 1rem;
}
.checkbox-wrapper span {
  display: block;
  font-size: 2rem;
  line-height: 1.1;
  padding-left: 4rem;
  white-space: nowrap;
}

@-moz-keyframes checkItBottom {
  0% {
    height: 0;
  }
  100% {
    height: 6px;
  }
}
@-webkit-keyframes checkItBottom {
  0% {
    height: 0;
  }
  100% {
    height: 6px;
  }
}
@keyframes checkItBottom {
  0% {
    height: 0;
  }
  100% {
    height: 6px;
  }
}
@keyframes checkItTop {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 15px;
  }
}
@-webkit-keyframes checkItTop {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 15px;
  }
}
@-moz-keyframes checkItTop {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 15px;
  }
}
input[type=checkbox] {
  display: none;
}


@keyframes anRotate {
  0% {
   transform : rotate(0);
  }
  100% {
    transform : rotate(360deg);
  }
}


@keyframes aniRight {
    0% {
        right: 10px;
    }

    100% {
        right: 0;
    }
}


@keyframes rotation {
    0%{
        opacity: 0.8;
    }
    30%{
        transform: rotate(180deg);
        opacity: 1;
    }
    40%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(720deg);
        opacity: 0.8;
    }
    81%{
        opacity: 0;
    }
    100%{
        transform: rotate(0deg);
        opacity: 0;
    }
}


.check-box {display:inline-block; position:relative; width:20px; height:20px;background-color:#fff; border: 1px solid #ababab; overflow:hidden;}
.check-box label{display:block; height:100%; }
.check-box label::before, .check-box label::after {
  -moz-transition: opacity 0.5s ease-in-out;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  -webkit-transition: opacity 0.5s ease-in-out;
  content: " ";
  display: inline-block;
  height: 0;
  transition: opacity 0.5s ease-in-out;
  transform-origin: left top;
  position: absolute;
  width: 1px;
}
.check-box label::before {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  left: 6px;
  bottom: -12px;
  transform: rotate(-135deg);
}
.check-box label::after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  left: 1px;
  bottom:2px;
  transform: rotate(-45deg);
}

.check-box input[type=checkbox]:checked + label::after{
  height: 6px;
  -moz-animation: checkItBottom 0.1s ease 0s forwards;
  -o-animation: checkItBottom 0.1s ease 0s forwards;
  -webkit-animation: checkItBottom 0.1s ease 0s forwards;
  animation: checkItBottom 0.1s ease 0s forwards;
}
.check-box input[type=checkbox]:checked + label::before{
  height: 15px;
  -moz-animation: checkItTop 0.1s ease 0s forwards;
  -o-animation: checkItTop 0.1s ease 0s forwards;
  -webkit-animation: checkItTop 0.1s ease 0s forwards;
  animation: checkItTop 0.1s ease 0s forwards;
}


.check-box label::before, .check-box label::after {
  background-color: #505050;
}

/* input[type=checkbox]:checked + .check-box,
.check-box.checked {
  border-color: #ababab;
} */



/*datepicker ¿É¼Ç*/
.ui-widget.ui-widget-content{z-index:10001 !important;}
.ui-datepicker-trigger {display: none;}
.ui-widget-header{background:none !important; border:none !important;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #fff !important;
    background: #fff !important;
    color:#7c7c7c !important;
}
/*.ui-datepicker-calendar > thead tr th.ui-datepicker-week-end:first-child span{color:#F90F13;}
.ui-datepicker-calendar > thead tr th.ui-datepicker-week-end:last-child span{color:#003eff;}*/
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a{color:#F90F13;}
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a{color:#003eff;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #b7b7b7 !important;
    background: #b7b7b7 !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #0eacdd !important;
    border-radius: 100%;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0.45em !important;
    text-align: center !important;
    position:relative;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #0eacdd !important;
    border-radius: 100%;
}

.ui-state-active::after{
    position:absolute; left: calc(50% - 1px); bottom:2px;
    width: 4px; height:4px; background-color:#0eacdd; border-radius:100%;
    display:block; content:'';
}


.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-left: -5px !important;
}

.ui-datepicker .ui-datepicker-prev:hover{top:2px !important;left:2px !important;  }
.ui-datepicker .ui-datepicker-next:hover{top:2px !important;right:2px !important;}

.ui-icon{width:10px !important; height:16px !important;}
.ui-widget-header .ui-icon{background-image:url('https://img.self-tax.kr/selfTax/common/datepicker_btn.png') !important;}
.ui-icon-circle-triangle-w{background-position:0 0 !important;}
.ui-icon-circle-triangle-e{background-position:-10px 0 !important;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background-color:transparent !important;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
    padding-right:22px;
}
.ui-datepicker select.ui-datepicker-month {
    width: 35% !important;
    padding-right: 22px;
}