@charset "utf-8";
/* Reset */
* { box-sizing: border-box; }
*::after, *::before { box-sizing: border-box; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { padding: 0; margin: 0; }
html,body { width: 100%; }
html { height: 100%; overflow: hidden; overflow-y: auto; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none;-ms-text-size-adjust: none; }
body { min-width: 360px; width: 100%; background: #fff; word-break: keep-all; word-wrap: break-word; font-size: 1.6rem; line-height: 1; -webkit-text-size-adjust: none; }
body,input,select,textarea,button { border: none; font-family: "Pretendard", sans-serif; color: #1f2937; } 
ul,ol,li { list-style: none; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
img,fieldset { max-width: 100%; height: auto; border: 0; vertical-align: top; }
address,cite,code,em,i { font-weight: normal; font-style: normal; }
label,img,input,select,textarea,button { vertical-align: middle; }
.hide,caption,legend { overflow: hidden; font-size: 1px; line-height: 0; }
hr { display: none; }
main,header,section,nav,footer,aside,article,figure { display: block; }
a { color: #1f2937; text-decoration: none; }
label { display: inline-block; cursor: pointer; }
button,input[type="submit"] { cursor: pointer; }
button { background-color: transparent; }
sub,sup { position: relative; font-size: 75%; line-height: 0; }

.clear { clear: both; } 
.clear::after { display: block; content: ""; clear: both; } 

#skip { position: relative; z-index: 9999; } 
#skip a { position: absolute; top: -40px; left: 0; width: 100%; padding: 5px 0; background-color: #1668e3; font-size: 16px; color: #fff; line-height: 30px; text-align: center; transition: all 0.4s; } 
#skip a:hover,
#skip a:focus,
#skip a:active { top: 0; text-decoration: none; } 

.hide { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0); } 
.left { text-align: left !important; } 
.center { text-align: center !important; } 
.right { text-align: right !important; } 

.fw500 {
  font-weight: 500;
}
.fw700 {
  font-weight: 700;
}
.fs13 {
  font-size: 13px;
}
.fs16 {
  font-size: 1.6rem;
}

.w50 { width: 50% !important; } 
.w100 { width: 100% !important; } 

.mt4 { margin-top: 0.4rem !important; } 
.mt10 { margin-top: 1rem !important; } 
.mt16 { margin-top: 1.6rem !important; } 
.mt20 { margin-top: 2rem !important; } 
.mt24 { margin-top: 2.4rem !important; } 
.mt30 { margin-top: 3rem !important; } 
.mt32 { margin-top: 3.2rem !important; } 
.mt40 { margin-top: 4rem !important; } 
.mt50 { margin-top: 5rem !important; } 
.mt60 { margin-top: 6rem !important; } 
.mt64 { margin-top: 6.4rem !important; } 

.mb4 { margin-bottom: 0.4rem !important; } 
.mb10 { margin-bottom: 1rem !important; } 
.mb16 { margin-bottom: 1.6rem !important; } 
.mb20 { margin-bottom: 2rem !important; } 
.mb24 { margin-bottom: 2.4rem !important; } 
.mb30 { margin-bottom: 3rem !important; } 
.mb32 { margin-bottom: 3.2rem !important; } 
.mb40 { margin-bottom: 4rem !important; } 
.mb50 { margin-bottom: 5rem !important; } 
.mb60 { margin-bottom: 6rem !important; } 
.mb64 { margin-bottom: 6.4rem !important; } 

.ml10 { margin-left: 1rem !important; } 
.ml20 { margin-left: 2rem !important; } 

.mr10 { margin-right: 1rem !important; } 
.mr20 { margin-right: 2rem !important; } 


@media (max-width: 1280px) {
  html { font-size: 9px; } 
}

@media (max-width: 1024px) {
  html { font-size: 8px; } 
}

@media (max-width: 359.9px) {
  html { min-width: 360px; overflow-x: auto; } 
}

.plani-modal {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  max-height: 70vh;
  border: 0;
}
.plani-modal .modal-title {
  display: none !important;
}