/* base.html CSS*/
*{
  box-sizing: border-box;
  margin : 0 auto; /* 기존의 흰 테두리 없애기 위해 추가 */
  font-family:  'Noto Sans KR', sans-serif;
}
a:link {  text-decoration: none;}
a:visited {  text-decoration: none;}
a:hover {
  text-decoration: none;
    color: #526187;
}

main{
  min-height: calc(100% - 70px);
  width: 100vw;
  overflow-x: scroll;
}

body,main {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
body::-webkit-scrollbar, main::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

nav{
  height : 50px;
  background-color : #981D26;
  color : white;
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
}
header{
  position:fixed; 
  top :0; 
  width:100vw; 
  z-index:200; 
  touch-action: none;
}
#lg{
  height : 90%;
  width : 25%;
  align-items : center;
  justify-content: center;
  display : flex;
  font-size : 2.5rem;
  text-align : center;
  line-height : 90%;
  margin: 0;
}
#src, #back{
  margin : 0;
  width : 59px;
}
#src img{
  height : 20px; 
  margin : 0 10px;
}

#menu{
  margin : 0;
  width : 59px;
  text-align: right;
}
.seeya-logo-box img{
  height: 27px;
}
.mypage-img{
  width : 45px; 
  height : 45px; 
  display : inline-block; 
  margin-right: 7px;
}
.mypage-img img{
  height : 100%; 
  margin : 0 0 0 5px; 
  width : 100%; 
  clip-path: circle(40% at center);
  object-fit: cover;
}
.menu-img{
  display : inline-block; 
  width : 25px; 
  height : 25px; 
  margin : 0 10px;
}

/* baseSeeya.html CSS */
.dropdown {
  background: #fff;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  line-height: 25px;
  position: relative;
  cursor: pointer;
  color: black;
  border-bottom: 1px solid #D8D8D8;
  align-items : center;
  padding-right : 30px;
}

.dropdown:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 16px;
  transform: rotate(45deg);
  top: 17px;
  margin : 0 auto;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  transition: 0.4s;
}

ul {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  margin-top: 0px;
  opacity: 0;
  margin :0 auto;
  transition: opacity 0.2s linear;
  /*Nav bar 펼칠 때의 배경색 설정 : 맨 마지막이 투명도*/
  background-color: rgb(201, 201, 201, 0.5);
}

ul li {
  position : relative;
  list-style: none;
  background: #fff;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  color: #526187;
  height: 50px;
  line-height: 25px;
  box-sizing: border-box;
  z-index : 9999;
}
ul li a{color:  #526187}
ul li:last-child{
  border-bottom: none;
  border-radius: 0px 0px 15px 15px;
}

ul li:hover{
  transition: 0.2s;
  cursor: pointer;
  color: #526187;
  background: #f5f5f5;
}

.active {
  transition: 0.2s;
  background: #fff;
  color: black;
}

.active:after {
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  transform: rotate(-135deg);
  top: 20px;
  transition: 0.4s;
}

.opened {
  opacity: 1 !important;
  height: 1400px;
}

#highlight{
  color : #981D26;
}

.footer-div{
  width:fit-content;
  padding: 20px 0;
  margin: 0 auto; 
  font-size: x-small; 
  color : gray;
  opacity: 70%;
}
.footer-div div{
    width: fit-content;
    margin: 0 auto;
}
footer p{
  margin: 0;
}