@charset "utf-8";

.overlay-box {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 9000;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}
.overlay-bg {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 120%;
 background: rgba(0,0,0,.5);
 z-index: 8000;
}
.modal-base {
 position: relative;
 margin: 100px auto 60px;
 padding: 0;
 width: 90%;
 max-width: 640px;
 background-color: #ffffff;
 font-size: 14px;
 box-sizing: border-box;
}
.modal-base .btn-box {
 margin: 10px 0 0;
 text-align: center;
}
.modal-box {
 display: none;
 min-height: 80px;
}
.modal-box.disp {
 display: block;
}
.mdl-wrap {
 padding: 0;
}
.modal-inner {
 max-height: 280px;
 overflow-y: auto;
}
.modal-inner::-webkit-scrollbar{
 width: 5px;
}
.ad-df .modal-inner::-webkit-scrollbar{
 width: 0;
}
.modal-inner::-webkit-scrollbar-thumb{
 background: #969100;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
.modal-inner::-webkit-scrollbar-track-piece:start{
 background: #bebc9a;
}
.modal-inner::-webkit-scrollbar-track-piece:end{
 background: #ddd;
}
.close-btn2 {
 position: absolute;
 top: -32px;
 right: 4px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 border-radius: 100%;
}
.close-btn2::before,
.close-btn2::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: #fff;
}
.close-btn2::before {
  transform: rotate(-45deg);
}
.close-btn2::after {
  transform: rotate(45deg);
}
@media screen and (max-width:768px){
.close-btn2 {
 top: -32px;
 right: -4px;
}

.close-btn2::before,
.close-btn2::after {
 background: #fff;
}
}
.close-btn2:hover {
 opacity: .9;
}
.close-btn2 img {
 width: 100%;
}
.mdl-foot {
 text-align: center;
}
.mdl-foot .close-btn {
 display: inline-block;
 padding: 15px 20px;
 min-width: 200px;
 color: #fff;
 background-color: #2846a0;
 font-size: 14px;
 cursor: pointer;
}
html.ovlay-ie {
 overflow-y: hidden;
}
.ovlay-ie body {
 width: 100%;
 overflow-y: hidden;
}
.ovlay-ie .wrap-all {
 position: fixed;
 width: 100%;
 overflow-y: scroll;
}
.ovlay body {
 position: fixed;
 width: 100%;
 overflow-y: hidden;
}
.ovlay .wrap-all {
 overflow-y: scroll;
}
.ovlay-sp {
 position: fixed;
 width: 100%;
 height: 100%;
}
.ovlay-sp body {
 width: 100%;
 height: 100%;
 overflow-y: hidden;
 position: fixed;
}
.ovlay-sp .wrap-all {
 left: 0;
 width: 100%;
}
html.ovlay-ad {
 overflow-y: hidden;
}
.ovlay-ad body {
 overflow-y: hidden;
}
.ovlay-ad .wrap-all {
overflow-y: scroll;
}