@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
#koko{background-image:url('clouds.png'); background-size:cover; box-shadow: 0px 10px 4px rgb(54 51 86 / 8%); 
      background-repeat:no-repeat; margin-bottom: 20px; background-position:center; width:100%; height:31vh;}
#momo{margin:1vh auto 0vh auto; width:1000px;}
#momo a{margin:0 auto; display: block; width: 320px;}
#momo img{width:300px; height:10vh; display:block; margin: 0 auto; text-align: center;}

h2,li{font-family: 'Do hyeon',sans-serif; text-align: center;}
/* h1{font-family: 'Nanum Gothic', sans-serif; text-align:center;} */
#kio {margin-left:.5%; margin-right:.5%; display:inline-block; 
      font-size:25px; height:60px; vertical-align:middle; margin-top:0px; margin-bottom:0px;}
li{ margin-left:30px; margin-right:30px; display:inline; font-size:23px; }
li:hover{ color:#006699;}
ul{ text-align:center; padding-top:7px;}
#jojo{ width:1000px; height:60px; margin:0px auto; margin-top: 20px; border-radius: 20px;}
#jojo ul{padding-left:0px; text-align:center; display:inline-block; width:100%; height:60px; padding-top: 0px; margin-bottom: 0; margin-top: 0;}

#kiki{width:400px; height:60px; margin-left:auto; margin-right:auto; margin-top:10px;}
.lt{background-color: rgba(255,255,255,0);}
.lt:hover{background-color: rgba(255,255,255,0);}
.llt, .llt:hover, .llt:active, .llt:link{ background-color:rgba(255,255,255,0);}
.llt:hover .trana{display: block;}
.allt:hover .trana{display: block; }
nav{height:40px; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); height:45px;}
b{ color:#CCCCCC;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:transparent;}
.navbar-default { border-color:transparent;}
#popw > ul li{ margin-left:4px; margin-top:10px; padding-top:10px; margin-right:4px; display: inline; font-size: 23px;}
.navbar-default .navbar-nav>li>a{ color:#FFFF66;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#FFFFFF;}
.linedesign{text-decoration:none; 
            padding:5px; color: darkslategrey; font-family: 'Do hyeon',sans-serif;
            position: relative;
    display: block;
    width: 64px;}
iframe{margin:10px auto; display:block; width:100%; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:0;}
a:hover, a:active, a:link{text-decoration: none;}
.s_icon {width: 50px; height: 45px; position: relative; display: table-cell; margin: 0 auto; z-index: 1; font-size: 17px; line-height: 21px; 
  text-align: center; vertical-align: middle; font-weight: 600; color: darkslategrey; font-family: "Noto Sans KR", sans-serif;
  text-shadow: 0px 1px 1px #a2a0a0aa;}
.s_icon::before {
  content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: -8px;
    background-repeat: no-repeat;
    width: 66px;
    height: 64px;
    z-index: -1;
    background-image: url('main_bok.png');
    background-position: center;
    background-size: 62px 64px;
}
.s_icon:hover::before{
  filter: drop-shadow(2px 4px);
}
.s_icon::after{
  content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    font-size: 21px;
    line-height: 21px;
}
.s_name {
    white-space: nowrap;
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 20px;
    font-size: 20px;
    font-family: 'Do hyeon', sans-serif;
    text-align: left;}
.trana {
  position: absolute;
  height: 130px;
  display: none;
  min-width: 170px;
  top: 35px;
  margin-left: 20px;
}    
.kins{
  position: absolute;
  right: 0;
}
.dropdown-menu>li>a:hover{
  color: rgb(248, 248, 248);
  background-color: transparent;
}
.cola{
  background-color: #fbfbfc;
  margin: 0;
}