@charset "utf-8";


* { padding: 0; margin: 0; border: 0; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:focus { outline: 0; }
html { width: 100%; height: 100%; -webkit-text-size-adjust: none; }
body { width: 100%; height: 100%;  font-family:'Pretendard', sans-serif; font-size:16px; }
h1, h2, h3, h4, h5, h6 { display: inline-block; overflow: hidden; font:bold 120% 'Pretendard', sans-serif; }
i, em, address { font-style: normal; }
input, select, textarea, button, label { font-family: inherit; font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }
textarea { resize: none; }
label { cursor: pointer; }
fieldset, img, iframe { border: none; }
img { vertical-align: top; outline: none; }
a { color: inherit; text-decoration: none; }
menu, li { list-style: none; }
button { font-family: inherit; padding: 0; margin: 0; border: 0; cursor: pointer; vertical-align: middle; }
caption { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
hr { display: none; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
th, td { text-align: left; }
mark { background-color: #e8f4fa; }

::-webkit-input-placeholder { /* WebKit browsers */ font-size: 12px; color:#d0d0d0; text-transform:none; }
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 12px; color:#d0d0d0; text-transform:none; opacity:1; filter: alpha(opacity=100); }
::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 12px; color:#d0d0d0; text-transform:none; opacity:1; filter: alpha(opacity=100); }
 :-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 12px; color:#d0d0d0; text-transform:none; }

.btn_top  { position: fixed; bottom: 140px; right: 5px; display: none; overflow: visible; width:40px; z-index: 500; border:0; }
.btn_top img { width:40px; }

.btn_closee { position: absolute; top: 15px; left: 15px; display: block; overflow: visible; width:36px; height:36px; z-index: 500; border:0; background-color:#E8E8ED; text-align:center; border-radius:50%; }
span.btn_closee_close { display:inline-block; display:inline; margin-top:3px; color:#707070; }
span.btn_closee_close:after { display: inline-block;content: "\00d7"; font-size:14pt;  }

.popdiv { position:absolute; left:70px; top:90px; z-index:1000; width:300px; }
.popdiv ul  { display:block; overflow:hidden; width:100%; }
.popdiv ul img { max-width:100%; }
.popdiv ul.close { background-color:#fff; padding:10px; text-align:right;  font: 16px 'Pretendard'; border:1px solid #aaa;  }

.main_pdiv { position:absolute; left:2%; top:20%; z-index:1000; width:350px; display:none; }
.main_pdiv ul { display:block; overflow:hidden; width:100%; border-radius:10px 10px 0 0; }
.main_pdiv ul img { max-width:100%; }
.main_pdiv ul.clo { background-color:#fff; font: 18px 'Pretendard'; color:#343434; font-weight:400; border:1px solid #ddd; border-width: 0 1px 1px 1px; border-radius: 0 0 10px 10px; }
.main_pdiv ul.clo>li { display:inline-block; overflow:hidden; float:left; width:50%; padding:15px 15px; text-align: center; }

.popup_new {
  position: fixed; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; 
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.popup_new>ul { 
  display: flex;
  width: 100%; 
  padding: 0;
  margin: 0; 
  list-style: none;
}
.popup_new>ul>li { 
  flex: 1;
  box-sizing: border-box;
}
.popup_new>ul>li:first-child { 
  padding: 10px; 
  border-right: 1px solid #ddd; 
  text-align: center; 
}

.popup_new>ul>li:last-child {
  padding: 10px;
  text-align: center;
}

.shadow { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background-color:#f5f5f5; background: url("/img/sub/pop_bg.jpg"); z-index:1000; opacity: 0.8; }
.alert_text { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; z-index:1000; }
.alert_text ul { display:flex; justify-content:center; align-items:center; width: 100%; height: 100vh; }
.alert_text ul>div { position:relative; display:flex; justify-content:center; align-items:center;  overflow:hidden; width:300px; height:220px; background-color:#fff; border-radius:10px;  font:bold 17px 'Pretendard'; color:#191919; padding:0 20px;  }
.alert_text ul>div .a_btn_closee { position: absolute; top: 15px; right: 15px; display: block; overflow: visible; width:26px; height:26px; z-index: 500; border:0; background-color:#E8E8ED; text-align:center; border-radius:50%; }
.alert_text ul>div span.btn_closee_close { display:inline-block; color:#707070; margin-top:2px; }
.alert_text ul>div span.btn_closee_close:after { display: inline-block;content: "\00d7"; font-size:20pt;  }

.alert_text2 { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; z-index:300; }
.alert_text2 ul { display:flex; justify-content:center; align-items:center; width: 100%; height: 100vh; }
.alert_text2 ul>div { position:relative; display:flex; justify-content:center; align-items:center;  overflow:hidden; width:300px; height:100px; text-align:center; background-color:#ddd; border-radius:10px;  font:bold 17px 'Pretendard'; color:#191919; padding:0 20px;  }

.mshadow { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background-color:#000; z-index:900; opacity: 0.4; }