/* modal */
.modal-header{position:relative;display:block !important;text-align:center;border-bottom:3px dotted #dee2e6 !important;padding:25px !important;}
.modal-header .header_txt{margin:0 !important;font-size:23px;font-weight:600;line-height:1.2;}
.modal-header .hand_icon{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:70px;height:70px;background:#d70a30;border-radius:50%;}
.modal-header .hand_icon .material-icons{font-family:'Material Icons' !important;font-size:40px;color:#fff;line-height:68px;}
.modal-content{border:none !important;border-radius:10px !important;margin-top:200px;}
.modal-body p{font-size:16px;color:#707070;font-weight:500;text-align:center;letter-spacing:-1px;}
.modal-footer>* {margin:0 !important;}
.modal-footer{display:inline-block !important;padding:0 !important;border-top:none !important;}
.modal-footer{font-size:0;}
.modal-footer a{font-size:16px;color:#8d8d8d;font-weight:500;text-decoration:none;display:inline-block;background:#e9e9e9;padding:12px;text-align:center;}
.modal-footer .footer_left{border-bottom-left-radius:10px;width:50%;}
.modal-footer .footer_right{color:#fff;background:#d70a30;border-bottom-right-radius:10px;width:50%;}
.modal-footer .footer_left:hover{color:#8d8d8d;}
.modal-footer .footer_rightv:hover{color:#fff;}


/* cardnews modal */
.header_txt.cardnews_header {font-weight:bold; color:#000; letter-spacing:-0.04em}
.modal-header.cardnews_bd {border-bottom:0 !important; padding:25px 20px !important}
.modal-body .subscribe_modal p {font-size:16px; font-weight:500; color:#000; word-break:keep-all}
.footer_left.go_guide {width:60%; letter-spacing:-0.02em}
.footer_right.go_see {width:40%; letter-spacing:-0.02em}
.footer_left.btn_half {width:50%}
.footer_right.btn_half {width:50%}


/* apply_health modal */
.header_txt.cardnews_header.health {margin-bottom:20px !important;}
.modal-header .modal_service {display:flex; align-items:center; gap:10px; justify-content:center}
.modal-header .modal_service img {max-width:133px; width:100%}


/* item view madal */
.item_view_madal .modal-header .header_txt{font-size:22px;line-height:28px;}
.item_view_madal .modal-body .subscribe_modal p{font-size:18px;letter-spacing:-0.05rem}
.item_view_madal .modal-footer a{font-size:15px;font-weight:bold;letter-spacing:-0.05rem}
.item_view_madal .modal-header .header_txt{padding-top: 25px;}
.item_view_madal .modal-header .hand_icon img{width:65%}


/* StoreOrder madal */
#addModal .modal-dialog{max-width: 755px !important;} 
#addModal .modal-content{margin-top:0}
#addModal .modal-content .modal-title{font-size: 45px;font-weight: 800;color: #000; letter-spacing: -0.03em;}
#addModal .modal-content .modal-header{border-bottom:0 !important}
#addModal .modal-content .modal-header .btn-close{position: absolute;top: 25px;right: 40px;}
#addModal .modal-content .modal-header .btn-close:focus{box-shadow: none;}
#addModal .modal-content .modal-headerampleModalToggle .modal-header{padding: 25px 40px;}
#addModal .modal-body{padding: 0 40px;}
#addModal .modal-body .add-btn{width: 100%;background: #fff;border: 1px solid #dcdcdc;height: 60px; border-radius: 15px;color: #000;font-size: 28px;font-weight: 600;letter-spacing: -0.03em;}
#addModal .modal-body .add-btn:focus{box-shadow: none;}
#addModal .modal-body .add-list{margin-bottom:60px}
#addModal .modal-body .add-list li{border: 1px solid #dcdcdc; border-radius: 15px; padding: 30px;margin-top: 20px;}
#addModal .modal-body .add-list li .top{display: flex;align-items: center;justify-content: space-between;}
#addModal .modal-body .add-list li .top .left{display: flex;align-items: center;gap: 10px;}
#addModal .modal-body .add-list li .top .left h5{color:#d70a30;font-size:30px;font-weight:700}
#addModal .modal-body .add-list li .top .right button{width:114px;height:57px;border: none;color:#fff;border-radius:5px;font-size:25px;font-weight:500}
#addModal .modal-body .add-list li .top .right button.del-btn{background:#ccc;width:70px}
#addModal .modal-body .add-list li .top .right button.modify-btn{background:#909090;width:70px}
#addModal .modal-body .add-list li .top .right button.selec-btn{background:#3b3b3b}
#addModal .modal-body .mid{display: flex;align-items: center;gap: 15px;margin: 30px 0;}
#addModal .modal-body .mid p{font-size:28px;color:#000;text-align:left;letter-spacing: -0.03em;font-weight: 600;}
#addModal .modal-body .mid p.name{font-weight: 700;}
#addModal .modal-body .mid span{width:4px;height:25px;background:rgb(144 144 144 / 50%)}
#addModal .modal-body .bot p{text-align:left;font-size:23px;letter-spacing:-0.03em;color:#000;line-height:1.5;}
#addModal2 .modal-dialog{max-width: 755px !important;} 
#addModal2 .modal-content{margin-top:0}
#addModal2 .modal-content .modal-title{font-size: 45px;font-weight: 800;color: #000; letter-spacing: -0.03em;}
#addModal2 .modal-content .modal-header{border-bottom:0 !important;padding: 25px 40px;}
#addModal2 .modal-body{padding: 0 40px;}
#addModal2 .modal-body input{width:100%;height:66px;border:2px solid rgb(144 144 144 / 20%);border-radius: 10px;padding: 0 20px;font-size:25px;color:#000;font-weight:500;margin-bottom:20px}
#addModal2 .modal-body input::placeholder{font-size:25px;color:#b7b7b7;}
#addModal2 .modal-body .zip{display:flex;gap: 10px;}
#addModal2 .modal-body .zip button{min-width: 194px;height: 66px;border: none;border-radius: 5px;background: #3b3b3b;color: #fff;font-size: 27px;letter-spacing: -0.03em;font-weight: 600;}
#addModal2 .modal-footer{padding: 5px 40px 60px 40px !important;}
#addModal2 .modal-footer .inner{display:flex;gap:10px}
#addModal2 .modal-footer button{background: #d70a30;color: #fff;width: 100%;height: 67px;font-size: 37px;font-weight: 600;letter-spacing: -0.03em;}
#addModal2 .modal-footer button:focus{box-shadow: none;}

#schModal .modal-dialog{max-width: 755px !important;} 
#schModal .modal-header{display:flex !important;align-items:center;justify-content:space-between;border-bottom:1px solid #ebedf2 !important;}
#schModal .modal-header .btn-close i{font-size:18px;opacity:0.5;}
#schModal .modal-header .btn-close:hover i{opacity:1;}
#schModal .modal-body .kt-portlet__body label{font-size:14px;color:#3b3f5c;font-weight:600;margin-bottom:10px;}
#schModal .modal-body .kt-portlet__body .input-group .btn-height{height:auto;}
#schModal .modal-body table thead{background:#f9f9f9;color:#3e3e3e;}
#schModal .modal-body table .btn-complete{background:#8b8b8b;font-size:14px;}


@media (max-width:1450px){
	#addModal .modal-content .modal-title {font-size: 40px;}
	#addModal .modal-body .add-btn{font-size: 24px;}
	#addModal .modal-body .add-list li .top .left img{max-width: 39px;}
	#addModal .modal-body .add-list li .top .left h5{font-size: 26px;}
	#addModal .modal-body .add-list li .top .right button{height: 50px;font-size: 21px;}
	#addModal .modal-body .mid{margin: 15px 0;}
	#addModal .modal-body .mid p {font-size: 24px;}
	#addModal .modal-body .mid span {width: 3px;height: 20px;}
	#addModal .modal-body .bot p{font-size: 19px;}
	#addModal2 .modal-content .modal-title {font-size: 40px;}
	#addModal2 .modal-body input{height: 60px;font-size: 22px;}
	#addModal2 .modal-body input::placeholder{font-size: 22px;}
	#addModal2 .modal-body .zip button{height: 60px;font-size: 23px;}
	#addModal2 .modal-footer button{height: 60px;font-size: 31px;}
}
@media (max-width:1250px){
	#addModal .modal-content .modal-title {font-size: 35px;}
	#addModal .modal-body .add-btn {font-size: 20px;height: 50px; border-radius: 10px;}
	#addModal .modal-body .add-list li{ border-radius: 10px;}
	#addModal .modal-body .add-list li .top .left img {max-width: 30px;}
	#addModal .modal-body .add-list li .top .left h5 {font-size: 22px;}
	#addModal .modal-body .add-list li .top .right button {width: 80px;height: 45px;font-size: 17px;}
	#addModal .modal-body .add-list li .top .right button.del-btn{width: 50px;}
	#addModal .modal-body .add-list li .top .right button.modify-btn{width: 50px;}
	#addModal .modal-body .mid p {font-size: 20px;}
	#addModal .modal-body .bot p {font-size: 17px;}
	#addModal2 .modal-content .modal-title {font-size: 35px;}
	#addModal2 .modal-body input {height: 50px;font-size: 21px;}
	#addModal2 .modal-body input::placeholder {font-size: 21px;}
	#addModal2 .modal-body .zip button {height: 50px;font-size: 21px;}
	#addModal2 .modal-footer button {height: 50px;font-size: 23px;}
}
@media (max-width:991px){
	#addModal .modal-content .modal-title {font-size: 30px;}
	#addModal .modal-body .add-btn {font-size: 17px;}
	#addModal .modal-body .add-list li .top .left h5 {font-size: 19px;}
	#addModal .modal-body .add-list li .top .right button {width: 70px;height: 40px;font-size: 16px;}
	#addModal .modal-body .mid p {font-size: 18px;}
	#addModal .modal-body .mid{gap: 10px;}
	#addModal .modal-body .mid span{height: 15px;}
	#addModal .modal-body .bot p {font-size: 16px;}
	#addModal2 .modal-content .modal-title {font-size: 30px;}
	#addModal2 .modal-body .zip button {font-size: 19px;}
	#addModal2 .modal-footer button {font-size: 20px;}
}
@media (max-width:767px){
	#addModal .modal-dialog {max-width: 610px !important;}
	#addModal .modal-body .add-list li{padding:20px;border-radius: 5px;}
	#addModal .modal-body .add-btn {font-size: 16px;height: 44px; border-radius: 5px;}
	#addModal .modal-body .add-list li .top .right button{height: 35px;font-size: 14px;}
	#addModal2 .modal-dialog{max-width: 610px !important;}
	#addModal2 .modal-body input {height: 44px;font-size: 17px;border-radius: 5px;}
	#addModal2 .modal-body input::placeholder{font-size:17px}
	#addModal2 .modal-body .zip button {height: 44px;font-size:14px; min-width: 130px;}
	#addModal2 .modal-footer button {height: 46px; font-size: 18px;}

	#schModal .modal-dialog{max-width: 610px !important;} 
}
@media (max-width:575px){
	#addModal .modal-content{margin:0 25px}
	#addModal .modal-content .modal-title {font-size: 25px;}        
	#addModal .modal-body .add-btn {font-size: 14px;height: 37px;}
	#addModal .modal-body .add-list li .top .left img {max-width: 25px;}
	#addModal .modal-body .add-list li .top .right button { width: 60px;height:30px}
	#addModal .modal-body .add-list li .top .right button.del-btn{width: 40px;}
	#addModal .modal-body .add-list li .top .right button.modify-btn{width: 40px;}
	#addModal .modal-body .mid{margin:10px 0}
	#addModal .modal-body .mid p { font-size: 15px;}
	#addModal .modal-body .bot p {font-size: 14px;}
	#addModal .modal-body .add-list li .top .left h5 {font-size: 17px;}
	#addModal2 .modal-content .modal-title {font-size: 25px;}
	#addModal2 .modal-content{margin:0 25px}
	#addModal2 .modal-body input {height: 40px;font-size: 14px;}
	#addModal2 .modal-body input::placeholder{font-size: 14px;}
	#addModal2 .modal-body .zip button {height: 40px;min-width: 100px; }
	#addModal2 .modal-footer button {height: 39px;font-size: 16px;}
}
@media (max-width:493px){
	#addModal .modal-content{margin:0 10px}
	#addModal .modal-content .modal-header .btn-close{right: 20px;font-size: 14px;}
	#addModal .modal-body {padding: 0 20px;}
	#addModal .modal-body .add-list li .top .left h5 {font-size: 15px;}
	#addModal .modal-body .add-list li .top .left{gap:5px}
	#addModal .modal-body .bot p {font-size: 12px;}
	#addModal2 .modal-content{margin:0 10px}
	#addModal2 .modal-body {padding: 0 20px;}
	#addModal2 .modal-footer {padding: 5px 20px 40px 20px !important;}
}
@media (max-width:393px){
	#addModal2 .modal-body input {height: 35px;font-size: 13px;}
	#addModal2 .modal-body .zip button {height: 35px;}
	#addModal2 .modal-footer button {height: 36px; font-size: 14px;}
	#addModal2 .modal-body input{margin-bottom:10px}
}
@media (max-width:350px){
	#addModal .modal-body .add-list li {padding: 10px;}
	#addModal .modal-content {margin: 0;}
	#addModal .modal-body { padding: 0 10px;}
	#addModal .modal-body .add-list li .top .right button {width: 50px;height: 25px;font-size:13px}
	#addModal .modal-body .add-list li .top .right button.del-btn{width: 35px;}
	#addModal .modal-body .add-list li .top .right button.modify-btn{width: 35px;}
	#addModal2 .modal-body {padding: 0 10px;}
	#addModal2 .modal-footer {padding: 5px 10px 40px 10px !important;}
}
@media (min-width:451px){
	.modal-dialog{max-width:380px !important;}
	.modal-dialog-centered{min-height:calc(100% - 3.5rem) !important;}
}
@media (max-width:450px){
	.modal-dialog{width:95% !important;margin:0 auto !important;}
	.modal-header .header_txt {font-size:20px;}
	.modal-body .subscribe_modal p {font-size:14px;}
	.footer_left.go_guide {font-size:13px;}
	.footer_right.go_see {font-size:13px;}
	.footer_left.btn_half {font-size:13px;}
	.footer_right.btn_half {font-size:13px}
}
@media (max-width:350px){
	.modal-body.cardnews_body .cardnews_modal {font-size:18px; line-height:24px;}
}