*{
    margin:0 auto;
    padding:0;
}

li{
    list-style:none;
}

a{
    text-decoration:none;
}


/*common*/
#wrapper{
    position: relative;
    margin: 0 auto;
    height: 100%;
    overflow:hidden;
    z-index: 99;
}

.clearfix{
    content: '';
    display: block;
    clear: both;
}

input{
    outline-style:none;
}


#header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 99;
    background-color: #FFF;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
    box-sizing: border-box;
}

.tit{
    position:absolute;
    width: 100%;
    top: 0;
    text-align: center;
    line-height: 56px;
    font-size: 6vw;
    color:#1b57a4;
    font-weight: 800;
}

.menu_btn{
    position: absolute;
    width: 25px;
    height: 25px;
    left: 5%;
    top: 50%;
    margin-top:-15px;

}
.menu_btn img{
    width: 100%;
}

.searchicon{
    position: absolute;
    width: 25px;
    height: 25px;
    right: 5%;
    top: 55%;
    margin-top:-15px;
}
.searchicon img{
    width: 100%;
}


#main{
    width: 100%;
    margin-top:60px;
    position:relative;
}


#main .mainbanner{
    width:100%;
    font-size:0;
}

.mainimage{
    width:100%;
    display:block;/*202401경정청구추가*/
}
.mainimage img{
    width:100%;
    display: block;
}

/*슬라이드 배너*/

#slide{
    width: 100%;
    position:relative;
    display:none;/*202401경정청구추가*/
}
.sub_slide_banner{
    position: relative;
    width: 100%;
}
.sub_slide_banner li{
    width: 100%;
}
.sub_slide_banner li img{
    width: 100%;
}

#slide .sub_slide_banner li img{
    display: block;
    width:100%;
    margin: 0 auto;
}

.sub_slide_controller{
    position: absolute;
    width: 65px;
    left: calc(50% - 32.5px) !important;
    bottom: 5%;
    overflow: hidden;
    z-index:999;

}
.sub_slide_controller li{
    float: left;
    width:12px;
    height:12px;
    border:1px solid #fff;
    background:#797979;
    border-radius: 10px;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer;
    outline:none;
}
.sub_slide_controller li.sub_slide_active{
    background-color: #ffffff;
}

.sub_slide_controller li:last-child{
    margin-right: 0;
}


/*계산기*/

#calculator{
    width: 100%;
    position:relative;
    background-color: #1b57a4;
    display:block;
    padding: 20px 0 30px;
}
#calculator h2{color:#fff;font-size:20px;text-align:center}


.stick{
    width:90%;

}


.tit1{
    width:80%;
    height: 46px;
}

.total{
    width:80%;
    position:relative;
    height: 120px;
}


.cal1{
    width:100%;
    height: 390px;
    border:1px solid #5781b8;
    color:#fff;
    display:block;


}

.cal2{
    width:100%;
    height: 390px;
    border:1px solid #5781b8;
    color:#fff;
    display:block;
    margin-top:20px;
}

.titletxt{
    font-size:16px;
    font-weight: 700;
    padding-top:24px;
}



.totaltxt{
    font-size:14px;
    margin-top:14px;
}

.input-box{
    width:85%;
    height: 38px;
    border: 1px solid #356aae;
    background-color:#356aae;
    color:#fff;
    font-size:12px;
    margin-top:10px;
    text-align:right;
    padding-right:3%;
}

.input-box::placeholder, .T-box::placeholder, .T-box2::placeholder{color:#a5c1e5}
.T-box3::placeholder{color:#fff}


.won{
    font-size:16px;
    margin-top:16px;
    float:right;
}

.button{
    width:100%;
    height: 32px;
    position:relative;
    margin-top:10px;
}

.retry{
    position:absolute;
    width:43%;
    height: 40px;
    border: 1px solid #bdbdbd;
    left:0;
    cursor:pointer;
}

.retryicon{
    position:absolute;
    right:25%;
    top:7px;
}


.retrytxt{
    color: #fff;
    font-size:14px;
    position:absolute;
    left:45%;
    transform:translateX(-50%);
    line-height: 39px;

}


.confirm{
    position:absolute;
    width:43%;
    height:40px;
    background-color:#fff;
    right:11%;
    cursor:pointer;
}

.confirmtxt{
    color: #333;
    font-size:14px;
    margin-top:5px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    line-height: 29px;
}

.line{
    background-color: #5781b8;
    width:80%;
    height: 1px;
    margin-top:15px;
    margin-bottom:10px;
}

.total2{
    width:80%;
    height: 146px;
}


.valuetxt{
    font-size:14px;
}


.T-box2{
    width:85%;
    height: 38px;
    border: 1px solid #356aae;
    background-color:#356aae;
    color:#fff;
    font-size:12px;
    margin-top:10px;
    text-align:right;
    padding-right:3%;
}

.taxtxt{
    font-size:14px;
    margin-top:10px;
}

.T-box3{
    width:85%;
    height: 38px;
    border: 1px solid #fff;
    background-color:#99bfff;
    color:#152c52;
    font-size:16px;
    margin-top:10px;
    text-align:right;
    padding-right:3%;
}


.won2{
    font-size:16px;
    margin-top:16px;
    float:right;
}



.won3{
    font-size:16px;
    margin-top:16px;
    float:right;
}





/*푸터*/

#footer{
    width:100%;
    background-color: #31354d;
    position: relative;
    margin-bottom:120px; /*202401경정청구추가*/
    overflow: hidden;
}

#footer>div {
    padding: 30px 0;
}


footer.return-tax-footer {background-color:#31354d;padding:40px 0 60px;}
footer.return-tax-footer .inner {text-align: left;padding:0 30px;}


.container_wrapper {
    background-color: #343434;
}

.container {
    position: relative;
    width: 96%;
    margin: 0 auto;

}

/*202401*/
.footer_txt {
    color:#7f8498;
    text-align:left;
    font-size:14px
}

/*202401
.footer_txt{
    padding: 20px 10px;
    text-align: center;
    line-height: 24px;
    color:#929292;
}
*/


/*우측탭*/

#searchtap_wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999;
    background-color: #fff;
    opacity:100%;
    display: none;
}


.btn2{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 5%;
    top: 6%;
    margin-top:-15px;

}
.btn2 img{
    width: 100%;
}

.search_wrap{
    position:absolute;
    top:10%;
    left:50%;
    transform:translateX(-50%);
    width: 80%;
    height: 9%;
}

.search{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width: 90%;
    height: 100%;
    background-color:#dae4f0;
    border: #dae4f0;
    border-radius:50px;
    padding: 0 20px;
    text-align:left;
    font-size:16px;
    color:#72849b;
}

.guide{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    font-weight: 500;
}

.search-btn{
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:10%;
    margin-right:-8px;
    width: 20px;
    height: 20px;
}

.search-btn img{
    width: 100%;
}

.rightmenu{
    position:absolute;
    top:25%;
    margin-top:-10px;
    left:12%;
    margin-left:-10px;
    font-size:16px;
    cursor: pointer;
}

.rightmenu >li{
    text-align:left;
    padding-bottom:9%;
}



/*부가세 설명 버튼*/

#buttonswrap{
    width: 100%;
    height: 90px;
    position:relative;
    background-color: white;
    display:block;
}

#buttonwrap{
    width: 100%;
}

.openbutton{
    width: 60%;
    height: 50px;
    border: 1px solid #afafaf;
    position:absolute;
    top:18px;
    left:50%;
    transform:translateX(-50%);
}

.buttontxt4{
    position:absolute;
    left:44%;
    transform:translateX(-40%);
    top:12px;
}

.downicon{
    position:absolute;
    right:20%;
    transform:translateX(-20%);
    top:10px;
    width:15px;
    height: 15px;
}

.downicon img{
    width:100%;
}

.gray{
    position:absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 1px;
    background-color: #929292;
}


/*부가세 설명*/



#context_wrap{
    width: 100%;
    position: relative;
    display: block;
    background-color: white;
}


.texts{
    width: 90%;
    background-color: white;
}

.what{
    font-size:16px;
    font-weight: 500;
    margin-bottom:10px;
    padding-top:20px;
}

.explanaiton{
    font-size:14px;
    color:#5e5e5e;
    margin-bottom:30px;
}

.line1{
    width:100%;
    background-color: #929292;
    height: 1px;
    margin-top:20px;
}

/* sideMenu animation
@keyframes sideMenu {

    from {
        transform: translateX(-100%);
        display: none;
    }
    to {
        transform: translateX(0);
        display: block;
    }

}
 */


/*좌측탭*/

#leftmenu{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.menu_bg{
    background-color:black;
    opacity: 70%;
    width: 100%;
    height: 100%;
    position:absolute;
    z-index: 100;
}

.sidebar_menu{
    width: 80%;
    left: -80%;
    background-color: white;
    margin-left:0;
    height: 100%;
    z-index: 999;
    position:absolute;
    opacity: 0;
}

.close_btn{
    width: 20px;
    height: 20px;
    margin-right: 5%;
    margin-top: 5%;
}

.close_btn img{
    width: 100%;
}


.grayline{
    width: 100%;
    height: 1px;
    margin-top:5%;
    background-color: #e9e9e9;
}

.menu_wrap{
    width: 100%;
    height: 100%;
}

.menu_wrap > li{
    font-size:16px;
    padding-top:10%;
    padding-left:10%;
    color:#757575;
}


/*폰트설정*/

h1, h2, h3, h4, h5, p, li, body, div, footer, header {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

/*롤링배너*/

.card-wrapper{
    background-color: aqua;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display:none;/*202401경정청구추가*/
}
.card-wrapper::-webkit-scrollbar {
    display: none;
}
.card-wrapper ul{
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 30px calc(5% - 10px) 30px 5%;
    box-sizing: border-box;
    width: 180%;
}
.card-wrapper li{
    float: left;
    background-color: white;
    width: calc(33.33% - 10px);
    height: 250px;
    margin-right: 10px;
}

.one{
    position:relative;
}

.banner01{
    width: 100%;
    height:90px;
    position:absolute;
    left:0;
    top:0;
    background-color: brown;
}

.banner01 img{
    width:100%;
    height:100%;
}

.tit1_1{
    margin-top:-65px;
    color:white;
    text-align:center;
    font-size:12px;
    font-weight: 300;
}



.tit1_2{
    margin-top:-65px;
    color:white;
    text-align:center;
    font-size:12px;
    font-weight: 300;
}


.tit2{
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    top:105px;
    font-size:20px;
    font-weight:600;
}

.tit22{
    padding-top:100px;
    font-size:14px;
    font-weight:600;
    text-align:center;
}


.tit3{

    padding-top:150px;
    font-size:12px;
    color:#757575;
    text-align:center;
}

.tit33{

    padding-top:10px;
    font-size:12px;
    color:#757575;
    text-align:center;
}


.boxbtn{
    position:absolute;
    bottom:10px;
    left:50%;
    transform:translateX(-50%);
    width:90%;
    height: 40px;
    background-color: #3b3b3b;
    border-radius:10px;
}


.bottxt{
    color:white;
    padding-top:9px;
    text-align: center;
    font-size:14px;
}


.tit1_3 {
    margin-top:-75px;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}

.tit3_3{
    padding-top:5px;
    font-size:12px;
    color:#757575;
    text-align:center;
}

.tit222{
    /*padding-top:95px;*/
    padding-top:70px;
    /*line-height:20px;*/
    line-height:23px;
    text-align:center;
    /*font-size:20px;*/
    font-size:15px;
    font-weight:600;
}


.subtxt{
    font-size:12px;
    font-weight: 300;
    color:#3b3b3b;
}

input[type=text]::-ms-clear {
    display:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}



#top_btn{
    width:50px;
    height:50px;
    display:block;
    position:fixed;
    bottom: 10px;
    right:5px;
    z-index: 9999;
    cursor: pointer;
    transition-duration: 0.1s;
}

.topbutton img{
    width:100%;
}



/*-------------------------------
fixed form
---------------------------------*/
.fixedform p {word-break:keep-all;}
.fixedform {position:fixed;bottom:0;width:100%;background-color:#2975f6;display:flex;flex-direction:column;display:flex;flex-direction:column;Z-index:99;}
.fixedform form {width:100%;}
.fixedform .btn-wrapper, .fixedform .form-wrapper {width:100%;}
.fixedform .inner {width:100%;padding:12px;text-align:center;box-sizing:border-box;}
.fixedform .form-wrapper {margin-bottom:4px;display:flex;justify-content: space-between;}
.fixedform .btn-wrapper {display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;}
.fixedform input {width:48%;border:0;height:40px;border-radius:4px;font-size:18px;color:#191919;text-align:center;letter-spacing:-1px;}
.fixedform input::placeholder {font-size:15px;color:#ccc;text-align:center;letter-spacing:-1px;}
/*.fixedform textarea {width:23%;border-radius:5px;border:0;resize:none;padding:0 10px;box-sizing:border-box;}*/
.fixedform .agreement-wrapper {width:100%;text-align:center;padding-bottom:7px;display:flex;justify-content: space-between;}
.agreement-input{margin-left:0}
.fixedform .agreement-wrapper img {width:20px;position:relative;top:5px;margin-right:5px;}
.fixedform .agreement-wrapper span {font-size:14px;color:#fff;font-weight:500;margin-right:5px;}
.fixedform .btn-detail {font-size:12px;color:#fff;font-weight:600;padding:3px 10px;background-color:#3154a6;border-radius:100px;display:inline-block;word-wrap:normal;margin:4px 0 0 0}
.fixedform .btn-confirm {width:100%;font-size:14px;color:#fff;font-weight:600;background:#272b31;border-radius:3px;text-align:center;padding:10px 12px}
.fixedform .btn-confirm img{width:18px;height:auto;margin:0 5px 2px 0;vertical-align:middle}


/*-------------------------------
Agreement
---------------------------------*/
/* agreement */
.layer_popup_wrap_new {display: none;  margin-left: 0px; margin-top: 0px; width: 100%; height:100%; position: fixed;top: 0;left: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 99999999; }
.layer_popup_wrap_live .popup_body_renew02 {padding:60px 0px 0px 0px; }
.layer_popup_wrap_new .layer_popup_renew02 {  position: absolute; width:80%;transform:translate(-50%,-50%);margin:0; height: 536px; left: 50%; top: 50%; background-color: #FFF; }
.layer_popup_wrap_new .popup_body_renew02 { width:100%;height: 467px; padding: 20px; box-sizing: border-box; overflow-y: scroll; overflow-x:hidden;}
.layer_popup_wrap_new .popup_body_renew02 ul { width: 100%; height: 416px;}
.layer_popup_wrap_new .popup_body_renew02 ul .input_chk_new {display:inline-block;width:74%;}
.layer_popup_wrap_new .popup_body_renew02 ul .arrow_down {display:inline-block;width:20%;}
.layer_popup_wrap_new .popup_body_renew02 li { list-style: none; margin-bottom: 0; padding:0;}
.layer_popup_wrap_new .popup_title_renew02 { width: 100%; height: 60px; background-color: #1b57a4; padding: 0 30px; box-sizing: border-box; margin-top: -18px;}
.layer_popup_wrap_new .popup_title_renew02 p.tc { color: #FFF;font-size:16px; line-height: 58px; text-align: center; }
.layer_popup_wrap_new .popup_close_renew02 { position: absolute; top: 0px; right: 30px; cursor: pointer;}

ul.terms_list li.terms_item:first-child { background-color: #ffffff; }
ul.terms_list li.terms_item.open:first-child .btn02 { background-color: #ffffff; border:none; }
ul.terms_list li.terms_item.open:first-child .input_chk_new label { background-color: #ffffff; }
ul.terms_list li.terms_item .desc {position: relative; left: 50%;	transform: translateX(-50%);	width: 100%;	height: 410px;	background-color: #f8f8f8;	padding: 0;	list-style: none;box-sizing:border-box;	overflow: hidden; 		}
ul.terms_list li.terms_item .desc::-webkit-scrollbar { 	overflow-x: hidden;	width: 7px;}
ul.terms_list li.terms_item .desc::-webkit-scrollbar-track { background-color: transparent;	}
ul.terms_list li.terms_item .desc::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #1b57a4;	}
ul.terms_list li.terms_item .desc::-webkit-scrollbar-button { width: 0; height: 0;}
ul.terms_list li.terms_item .btn02 {position: relative;width: 100%; background-color: #fff;cursor: pointer;padding:10px 0px; box-sizing: border-box;}


/*item이 open클래스/close클래스일 때 변경되는 css 작성  */
ul.terms_list li.terms_item.close .btn02 .arrow_down { position: absolute; right: 0px; top:15px;text-align:right;}
ul.terms_list li.terms_item.open .btn02 .arrow_down { position: absolute; right: 0px; top:15px; transform: rotate(180deg);}
ul.terms_list li.terms_item.open .desc {height:160px;padding: 10px 19px;overflow-y: scroll; border: 1px solid #ebebeb; border-top: none;}
ul.terms_list li.terms_item.close .desc { height: 0; overflow: hidden; }
ul.terms_list li.terms_item.open .btn02 {	background-color: #f8f8f8; border: 1px solid #ebebeb; border-bottom: none;}
ul.terms_list li.terms_item.close .btn02 { background-color: #fff; }
ul.terms_list li.terms_item.open .input_chk_new label {background-color: #f8f8f8;}
ul.terms_list li.terms_item.close .input_chk_new label {background-color: #fff;}

ul.terms_list li.terms_item .red { color:rgb(221, 42, 42); }
ul.terms_list li.terms_item .bold { font-weight:bold; }
ul.terms_list li.terms_item .blue {  color:#1b57a4; }
ul.terms_list li.terms_item .normal {  font-weight: normal; }
ul.terms_list li.terms_item .desc p { word-break: break-all;font-size:13px;}
ul.terms_list li.terms_item .desc span { display: block; font-size: 13px; padding-bottom: 5px;}
ul.terms_list li.terms_item .desc .tr { text-align: right; }
ul.terms_list li.terms_item .desc .terms_table { border:none; margin: 10px 0px;}
ul.terms_list li.terms_item .desc .terms_table tr th { border:1px solid #ffffff; background-color: #d6e5fa; padding:10px; text-align: center;}
ul.terms_list li.terms_item .desc .terms_table tr td { border:1px solid #ffffff; background-color: #ffffff; padding:10px; }

ul.terms_list li.terms_item.terms_chk_all .btn02 .chk_all_txt { font-weight: bold; color:#1b57a4;font-size:14px; }
ul.terms_list li.terms_item .input_chk_new input { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }
ul.terms_list li.terms_item .input_chk_new label {position: absolute;width: 100%;padding:10px 0px 10px 36px;font-size: 13px;font-weight: 700;line-height: 21px;cursor: pointer;color: #333;box-sizing: border-box;background: #ffffff url(../../../Image/v4/chk_blue_icon_off.png) no-repeat 3px 11px;background-size: 20px;}
ul.terms_list li.terms_item .input_chk_new input:checked+label:before {content: '';position: absolute;/*top: ;48%*/left: 1px;display: block;width: 33px;height: 38px;margin-top: -16px;background: url(../../../Image/v4/chk_blue_icon_on.png) no-repeat 2px 17px;background-size: 20px;}


/* 닫기버튼 */
.agreement_new_close_btn {cursor: pointer; background-color: #1b57a4; margin: 50px auto; text-align: center; transition: ease-in 0.4s; color: #fff; border: 1px solid #1b57a4; border-radius: 5px; display: block; box-sizing: border-box; width: 80%; height: 45px; padding: 11px; font-weight: bold;font-size:18px;}
.agreement_new_close_btn:hover { background-color: #fff; color:#1b57a4; }


/*-------------------------------
hangrew-popup
---------------------------------*/
.hangrew-modal-container { display:none; position:fixed;top:0;left:0;width:100%;height:100%;background-color: #fff;box-sizing: border-box; overflow:auto;z-index:99999}
.hangrew-modal-header {position:fixed;top:0;left:0;background-color: #183784;color: white;padding: 10px ;display: flex;justify-content: center;position: relative;width:100%;box-sizing: border-box;}
.hangrew-modal-header h2 { font-size: 1.2rem;  box-sizing: border-box;}
.hangrew-close-btn { position: absolute; right: 12px; top:6px;font-size: 1.4rem; cursor: pointer; }
.hangrew-inquiry-form {position:relative;margin: 0; padding: 16px; height:calc(100% - 90px);overflow:auto; box-sizing: border-box; }
.hangrew-form-group { margin-bottom: 20px;box-sizing: border-box; }
.hangrew-form-group > label { display: block; font-weight: bold;  margin-bottom: 10px; font-size: 0.9rem; text-align:left;}
.hangrew-required { color: #ff4d4d; }
.hangrew-input[type="text"] {width: 100%;padding: 10px;border: 1px solid #f0f2f5;background-color: #f8f9fb;border-radius: 5px; outline: none;box-sizing: border-box;text-align:left}
.hangrew-input::placeholder{color:#aaa;}
.hangrew-selection-grid { display: grid;grid-template-columns: repeat(4, 1fr);gap: 6px;}
@media (max-width: 600px) { .hangrew-selection-grid { grid-template-columns: repeat(2, 1fr); } }
.hangrew-select-item {margin:0;background-color: #f8f9fb;padding: 6px;border-radius: 5px;font-size: 0.85rem;cursor: pointer;display: flex;align-items: center; border: 1px solid transparent;}
.hangrew-select-item input { margin: 0 4px 0 0 ;}
.hangrew-privacy-section {background-color: #f8f9fb;padding: 10px 15px;border-radius: 5px;}
.hangrew-privacy-header {display: flex;flex-direction: column;justify-content: flex-start;font-size: 0.85rem;text-align:left}
.hangrew-privacy-header > label {margin:0;}
.hangrew-detail-btn {margin:0;color: #1a4199;text-decoration: underline;cursor: pointer;font-size: 0.8rem;}
.hangrew-privacy-content {display: none; margin-top: 10px; padding: 15px;  background: white; border: 1px solid #ddd; border-radius: 5px; font-size: 0.75rem; color: #666;  white-space: pre-wrap; max-height: 100px; overflow-y: auto; text-align:left}
.hangrew-submit-btn {position:fixed;bottom:0; left:0;width: 100%;  height:50px;background-color: #183784;  color: white;  border: none; margin:0; padding: 10px 10px 10px 70px;  font-size: 1.1rem; font-weight: bold; cursor: pointer;  display: flex; align-items: center; justify-content: center; gap: 15px;}
.hangrew-submit-btn img {position:absolute; top:-12px;left:7%;width: 64px; height: auto; }