/*************************************
/* common
/************************************/

*{ margin:0; padding:0;}
body,html{width: 100%;}
body{font-size: 13px; font-weight: 500; letter-spacing: -0.005em;}
a {text-decoration:none;}
img { border:0;}
li{ list-style: none;}
input:focus{outline:none;}
button{font-family: inherit; outline: 0;}
button:hover{border-color: #000;}
select {outline: 0; border: 1px solid #d4d2d2; padding: 2px; background : transparent;} 

input[type=text], input[type=tel]{padding: 5px; width: 100%; box-sizing: border-box;text-indent: 2px;  background: transparent; border: none;}

.btnstyle{ border: 1px solid #929292; box-sizing: border-box; text-align: center; background: #fff; cursor: pointer; vertical-align: middle; display: block; margin: 0 50px;}
.btn-point{background: #e05555; color: #fff !important; border-color: #e05555}
.btn-dark{background: #252525; color: #fff !important; border-color: #252525}

/* 라디오/체크 버튼스타일 */
input[type=radio].rstyle { display: none; }
input[type=radio].rstyle + label { display: inline-block; cursor: pointer; }
input[type=radio].rstyle + label span { display: inline-block; font-family: "Material Design Icons"; font-size: 18px; line-height: 1; vertical-align: middle; padding-bottom: 1px; }
input[type=radio].rstyle + label span::before { content: "\F043D"; }
input[type=radio].rstyle:checked + label span::before { content: "\F043E"; }


input[type=checkbox].chkstyle { display: none; }
input[type=checkbox].chkstyle + label { display: inline-block; cursor: pointer; }
input[type=checkbox].chkstyle + label span { display: inline-block; font-family: "Material Design Icons"; font-size: 18px; line-height: 1; vertical-align: middle; padding-bottom: 1px; }
input[type=checkbox].chkstyle + label span::before { content: "\F0131"; }
input[type=checkbox].chkstyle:checked + label span::before { content: "\F0132"; }

/* 모달(default) */
.modal-open {overflow: hidden;}
.modal-backdrop.show {opacity: .5; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; background-color: #000;}
.modal {position: fixed; top:0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal .modal-dialog {position: absolute; width: 95%; max-width: 380px; max-height: 90vh; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; overflow: auto;}
.modal .modal-dialog .modal-header p {margin: 0; float: left;}
.modal .modal-dialog .modal-header button.close {padding: 0; float: right;}
.modal .modal-dialog .modal-header button.close span {display:block; font-size: 2rem; line-height: 2rem; width: 2rem; height: 2rem;}
.modal .modal-dialog .modal-body .header span.header_title {color: #3547ff;font-weight: bold;font-size: 1.2rem;}
.modal .modal-dialog .modal-body .header span.header_subtitle {color: #0bc0cf;font-size: 1rem;margin-left: 0.3rem;}
.modal .modal-dialog .modal-body {position: relative; font-size: 0;}
.modal .modal-dialog .modal-body button.close {position: absolute;right: 2%;top: 2%;font-size: 2rem;background: none;border: none;}


/* alert 모달 */
#alert-modal .modal-body {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 3rem 0; min-height: 100px;}
#alert-modal .modal-body #alert-message {font-size: 1.2rem; line-height: 2rem; text-align: center;}


/* bootstrap flash toast CSS */
.toast { position: fixed; top: 1rem; right: 1rem; z-index: 1080; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.375rem; }
.toast:not(.show) { display: none !important; }
.toast-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.toast-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.toast .desc { margin-right: 1.5rem;}
.toast button.close { position: absolute; top: 0; right: 0; z-index: 2; border: 0; opacity: 0.5; cursor: pointer; font-size: 1.5rem; background: none; padding: .75rem 1rem; line-height: 1.5rem; }
.toast button.close:hover { opacity: 1; }

#wrapper{width: 1024px;margin: 0 auto;height: 100%;padding: 2rem 0;}

/*header*/
header{height: 80px; line-height: 80px;}
header h5{font-size:24px; text-align: center;}

/*container*/
#container{width: 100%; height: auto;}
section{ width: 100%; box-sizing: border-box; margin-bottom: 20px; clear: both; }

/*테이블 서브타이틀*/
.subtit{font-size: 15px;}
.subtit:before{ font-family: "Material Design Icons";content: "\F0764";font-size: 11px;margin-right: 5px;position: relative;bottom: 2px;}

.red{color:red;}

/*테이블공통*/
.table { width: 100%;  border-collapse: collapse; margin: 5px 0; }
.table select{width: 100%;}
.table label{cursor: pointer;}
.table th{ font-weight: normal;  background: #f9f9f9; }
.table td{}
.table th, .table td{ padding: 0 4px;  border: 1px solid #333;  height: 32px; box-sizing: border-box;}
td.disabled{background: #dadada !important;}

/*우편번호*/
.addr {width: 70% !important; float: left;}
.addr + button{ float: right; height: 27px;  width: 60px; line-height: 24px; margin: 0;}

/*개인인쇄정보 data-table*/
.data-table tr:nth-child(2n){background: rgba(214, 235, 239, 0.38);}
.bold td{font-weight: bold; text-align: center;}

/*결제테이블*/
.avbl-date{ width: 8%;}
.underline-style{ border-bottom: 1px solid #6d6d6d !important;  padding: 0 !important;}
.avbl-date > *{float: left;}
.table.sum{border-top: 2px solid #333;}

.w30{width: 30px !important;}
.w45p{width: 45% !important;}
.w90p{width: 90% !important;}

/*footer*/
footer{clear: both; height: 60px; line-height: 60px; margin-bottom: 50px;}
.btnBox{text-align: center;}
.btnBox button, .btnBox a{width: 100px;height: 40px;line-height: 40px;display: inline-block;text-decoration: none;color: #000;font-weight: 500;}