/* modal */
.modal {display: none; position: fixed; left: 0; top: 300px; z-index: 9999;}
.modal.on {display: block;}
.modal_module {position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px var(--padding-inner);}
.modal_content {width: 100%; background: #fff; position: relative;}

.modal.video .modal_content {max-width: 960px;}
.modal.popup .modal_content {max-width: 400px;}
.modal .modal_header {display: flex; border-bottom: 1px solid var(--color-line); font-size: var(--font-size-24);  font-weight: var(--font-wth-bd); color: #000; height: var(--spacing-50); position: relative;}
.modal .modal_header .btn_close {position: absolute; right: 0; top: 50%; transform: translateY(-100%);}
.modal .modal_body {overflow: hidden; overflow-y: auto; max-height: calc(100% - var(--spacing-50)); padding-top: var(--spacing-30);}
.modal .btn_set {margin-top: 25px;}
.modal .scrollarea {margin-right: -40px; padding-right: 60px;}
.modal .btn_close {width: 34px; height: 34px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='95' style='enable-background:new 0 0 94.926 94.926' xml:space='preserve'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath d='M55.931 47.463 94.306 9.09a2.118 2.118 0 0 0 0-2.994L88.833.62a2.123 2.123 0 0 0-2.996 0L47.463 38.994 9.089.62c-.795-.795-2.202-.794-2.995 0L.622 6.096a2.117 2.117 0 0 0 0 2.994l38.374 38.373L.622 85.836a2.117 2.117 0 0 0 0 2.994l5.473 5.476a2.123 2.123 0 0 0 2.995 0l38.374-38.374 38.374 38.374c.397.396.937.62 1.498.62s1.101-.224 1.498-.62l5.473-5.476a2.118 2.118 0 0 0 0-2.994L55.931 47.463z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/cover; position: absolute;}
.modal .btn_close.type2 {width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94.926' height='94.926' style='enable-background:new 0 0 94.926 94.926' xml:space='preserve'%3E%3Cpath d='M55.931 47.463 94.306 9.09a2.118 2.118 0 0 0 0-2.994L88.833.62a2.123 2.123 0 0 0-2.996 0L47.463 38.994 9.089.62c-.795-.795-2.202-.794-2.995 0L.622 6.096a2.117 2.117 0 0 0 0 2.994l38.374 38.373L.622 85.836a2.117 2.117 0 0 0 0 2.994l5.473 5.476a2.123 2.123 0 0 0 2.995 0l38.374-38.374 38.374 38.374c.397.396.937.62 1.498.62s1.101-.224 1.498-.62l5.473-5.476a2.118 2.118 0 0 0 0-2.994L55.931 47.463z'/%3E%3C/svg%3E");}
.modal.video .btn_close {right: 10px; top: -10px; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.modal_dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: -1;}
.modal_btn_area {background:#114b66; display: -webkit-box;display: -ms-flexbox;display: flex;}
.modal_btn_area button {color: #fff;}
.modal_btn_area button {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; font-size: 13px; height: 3.3em; display:inline-block; text-align:center;}
.modal_btn_area button:not(:first-child) {border-left: 1px solid var(--color-line);}

.modal_dim {
  display: none !important;
}
@media (min-width: 993px) {
	.modal.res.mo .modal_dim {display: none;}
	.modal.popup {top: 10%; left: 5%; position: absolute;}
	.modal.popup .modal_content {max-width: 400px;}
	.modal.popup .modal_module {position: relative;}
}
@media (max-width: 450px) {
	.modal.popup .modal_content {margin:0 10px;}
}
/*
@media (max-width: 992px) {
	.modal .btn_close.type2 {width: 1.155rem; height: 1.155rem;}
	.modal.alert .modal_content,
	.modal.full .modal_content {padding: var(--spacing-25m);}
	.modal.alert .tit {margin-bottom: 1.333em;}
	.modal.alert .btn_area {margin-top: var(--spacing-25m);}
	.modal.popup .modal_content {max-width: 600px;}
	.modal.popup img {width: 100%;}
}*/