@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Single+Day&display=swap');

header.on{ display: none }
#main_on01{clear:both; position:relative;width:100%; padding:0; margin:0 auto; overflow:hidden; }
#main_on01:after{ content:""; display:block; clear:both;}
#main_on01 .wbg_main{width:100%; height:100vh; padding:0; background-color:#000; overflow:hidden;}
#main_on01 .mTo1 {width:50px; border:0px solid red; position:absolute; top:18px; left: 10px;}
#main_on01 .mTo2 {width:40px; border:0px solid red; position:absolute; top:15px; right:10px; z-index: 999}
#main_on01 .mTxt {width:100%; border:0px solid red; position:absolute; top:70px; left: 40px;}
#main_on01 .mTxt h1.lviewa{font-family:'Nanum Gothic', sans-serif;font-size:38px; color:#fff; line-height:1.3em; font-weight:500; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_on01 .mTxt p.sviewa {font-family:'Nanum Pen Script', cursive;font-size:32px; color:#fff; line-height:30px; text-shadow: 0px 1px 4px #000; padding-bottom:10px; letter-spacing: -1px;}
#main_on01 .mTxt p.bviewa {font-family:'Single Day', cursive;font-size:20px; color:#fff; line-height:30px; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_on01 .mB_lodding {width:100%; border:0px solid red;z-index:999;position:absolute; bottom:15px;left:50%;margin-left:-50%; text-align: center}

#main_on01 .grbg_top{ position: absolute;top:0;left:0; width: 100vw;height: 100px; z-index: 99;
  background: #000000;
  background: -webkit-linear-gradient(rgba(0,0,0,50%), rgba(0,255,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,50%), rgba(0,255,0,0));
  background: -o-linear-gradient(rgba(0,0,0,50%), rgba(0,255,0,0));
  background: linear-gradient(rgba(0,0,0,50%), rgba(0,255,0,0));
}
#main_on01 .grbg_bt{ position: absolute;bottom:0;left:0; width: 100vw;height: 150px; z-index: 99;
  background: #000000;
  background: -webkit-linear-gradient(rgba(0,255,0,0), rgba(0,0,0,50%));
  background: -moz-linear-gradient(rgba(0,255,0,0), rgba(0,0,0,50%));
  background: -o-linear-gradient(rgba(0,255,0,0), rgba(0,0,0,50%));
  background: linear-gradient(rgba(0,255,0,0), rgba(0,0,0,50%));
}

.find-btn {text-align: center;}
.find-btn1{display :inline-block;}
.navbar-btn1 {background:#f9e000;border-radius:6px;border:1px solid #f9e000;display:inline-block;cursor:pointer;color:#333333;font-size:15px;
  padding:12px 24px;text-decoration:none;margin:0 3px 0 0; width: 40%}
.navbar-btn1:hover {background-color:#f9e000;}
.navbar-btn1:active {position:relative;top:1px;}

.navbar-btn2 {background:#FFF;border-radius:6px;border:1px solid #FFFF;display:inline-block;cursor:pointer;color:#333333;font-size:15px;
  padding:12px 24px;text-decoration:none;margin:0 0 0 3px; width: 40%}
.navbar-btn2:hover {background-color:#FFF;}
.navbar-btn2:active {position:relative;top:1px;}