/* 폼태그의 초기화 */
input, select, textarea, button{vertical-align: middle; /*-webkit-appearance: none; appearance: none;*/ color: #000; background: #fff; font-size: 30px; }
textarea{resize: none; min-height: 80px; width: 100%;}
button {cursor:pointer; background: transparent;}
select{text-overflow: ellipsis;}
input::placeholder,
textarea::placeholder{color: #666; font-weight: 500; font-size: 24px;}
input[type=radio],
input[type=checkbox] {cursor:pointer;}
label{cursor:pointer; vertical-align: middle;}
input::-ms-clear,
input::-ms-reveal{
    display:none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}

/* a태그 */ 
a{cursor: pointer; color:inherit;}
a:link{text-decoration:none; }
a:active{text-decoration:none; }
a:visited{text-decoration:none;}
a:hover{text-decoration:none; }

/* checkbox, radio, input, select */
input[type=checkbox]{position:relative; width:44px; height: 44px; appearance: none; background: transparent; background: url(../images/icon_radio_off.svg); background-size: 44px; }
input[type=checkbox]:before{display:block; content:''; position:absolute; width:44px; height:44px; z-index:2; cursor:pointer; background: url(../images/icon_radio_on.svg); background-size: 44px; }
input[type=checkbox]:checked:after{display:block; content:''; position:absolute; width:44px; height:44px; z-index:2;   }

input[type=radio]{position:relative; width:44px; height: 44px;}
input[type=radio]:before{display:block; content:''; position:absolute; width:44px; height:44px; z-index:2; cursor:pointer; background: url(../images/icon_radio_off.svg);  background-size: 44px;}
input[type=radio]:checked:after{display:block; content:''; position:absolute; width:44px; height:44px; z-index:2;  background: url(../images/icon_radio_on.svg); background-size: 44px; }

/* 버튼형 라디오 */
.tabRadio{display: flex;}
.tabRadio label{display: block; height: 90px; line-height: 90px; background: #EEF0F5; color: #9B9B9B; font-weight: 500; font-size: 36px;  text-align: center;}
.tabRadio input[type=radio] + label{margin-right: 0;}
.tabRadio input[type=radio]:checked + label{background: #8181E0; color: #fff; font-weight: 700;}
.tabRadio input[type=radio]{display: none;}
.tabRadio label:first-of-type{border-radius: 10px 0 0 10px; border-left: 1px solid #dfe2ed;}
.tabRadio label:last-of-type{border-radius: 0 10px 10px 0;}


textarea,
input[type=text],
input[type=file],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=serch],
input[type=date],
input[type=time]{border: 2px solid #DCDEE3; padding: 0 24px; height: 86px; border-radius: 8px; }

textarea:focus,
input[type=text]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=serch]:focus,
input[type=date]:focus,
input[type=time]:focus{ border: 2px solid #110D64; }

textarea:disabled,
input[type=text]:disabled,
input[type=file]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=serch]:disabled,
input[type=date]:disabled,
input[type=time]:disabled{}


textarea:read-only,
input[type=text]:read-only,
input[type=file]:read-only,
input[type=password]:read-only,
input[type=email]:read-only,
input[type=number]:read-only,
input[type=search]:read-only,
input[type=serch]:read-only,
input[type=date]:read-only,
input[type=time]:read-only{background: #f5f5f5;}

select{border: 2px solid #DCDEE3; padding: 0 24px; border-radius: 8px; }
select:focus{border: 2px solid #110D64; }
select:disabled{border: 2px solid #ddd;  }





.layerPopup{ position: fixed; width: 90%; z-index: 9999; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 30px; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.layerPopup_header{ height: 180px; padding: 0 60px; display: flex; align-items: center; justify-content: space-between; } 
.layerPopup_header .title{font-size: 50px; font-weight: 700;}
.layerPopup_header .popClose{width: 60px; height: 60px;}
.layerPopup_header .popClose img{width: 60px; height: 60px;}
.layerPopup_content{padding: 20px 60px; max-height: calc( 90vh - 300px); overflow-x: hidden; overflow-y: auto;}
.layerPopup_content img{max-width: 100%;}
.layerPopup_footer{padding: 30px;}
.layerPopup_footer .popClose{height: 120px; width: 100%; background: #110D64; font-size: 44px; font-weight: 700; color: #fff; border-radius: 10px; }
.layerPopup_footer.btns{display: flex; align-items: center; justify-content: center; gap: 20px}
.layerPopup_footer.btns > .popbtn{width: calc( (100% - 20px) / 2 )}
.popbtn{height: 120px; font-size: 44px; font-weight: 700; color: #fff; border-radius: 10px; margin: 0; display: flex; align-items: center; justify-content: center }
.popbtn.blue{background: #110D64; }
.popbtn.gray{background: #666; }

.customSwal{width: 100%;}
.customSwal .swal2-title{display: none !important;}
.customSwal .swal2-popup{width: 100%; margin: 0; padding: 0; }
.customSwal .swal2-html-container{width: 100%; margin: 0;  }

#postcode-layer{
    position: fixed;
    overflow: hidden;
    z-index: 100;
    background: white;
    width: 100%;
    top: 0;
    left: 0;
    bottom:30px
}
#postcode-container {
    /*width: 100%;*/
    height: 50%;
    width: 424px;
    left: 50%;
    position: relative;
    z-index: 1001;
    transform: translateX(-50%) scale(2);
    transform-origin: top;
}
.postcode-close{text-align: right; padding: 30px;  }
.postcode-close-btn{font-size: 40px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 20px; margin-left: auto;}
.postcode-close-btn img{ height: 40px;}
.popup_foot.show{display: none !important;}