@charset "utf-8";

.now{
  font: 400 1.5rem/21px 'Noto Sans KR', sans-serif;
  color: #666;
  margin-bottom: 64px;
}
.now span{
  width: 13px;
  height: 11px;
  display: inline-block;
  background: url(../images/icon_home.png) no-repeat center center;
}
.now>a{
  color: #666;
}

#container:has(.main-img){height: 100%;}
.main-img{width:100%; height: 100%; background:#fffef1; overflow: hidden;}
.main-img img{width:100%; height: 100%; background-size: auto 100%; background-position: center;}

.imgbox button{border:none; background:tranparent;}

.modal .close{color:#fff; padding:0.5em;}
.modal .close:where(:hover,:focus){color:#fff; outline:1px;}

.f-logo{text-align: right;}
.f-logo a{display: inline-block;}
.f-logo img{float:none;}