header{ position:absolute; width:100%; height: 90px;; display:inline-block; float:left; right:0; top:0;  z-index:299;}

header > div > nav{ position:absolute; width:600px; display:inline-block; text-align:right; top:8px; right:0; display:none;}
header > div > nav > a{ color:#fff; margin-left:16px; font-size:14px;}
header > div > nav > a:hover{ color:#fff;}

header > div{ width:90%; margin:auto; display:flex; justify-content: space-between; position:relative;}
header > div > h1{ display:flex; align-items: center; height:100px; margin-right:50px;}
header > div > h1 > a{ display:inline-block; float:left; margin-top:8px;}
header > div > h1 > a > svg{ width:400.462px; height:105.652px;  }
header > div > div{ display:none;}
header>div>h1>a>svg:nth-child(2){
    display: none;
}
header>div>h1>a>svg:nth-child(1){
    width: 154.8076923076923px;
    height: 50px;
}
.menubtn{ width:48px; height:48px; display:inline-block; position:fixed; right:24px; top:24px; cursor:pointer; z-index:305;}
.menubtn > span{ width:36px; height:3px; position:absolute; background-color:#000; overflow:hidden; font-size:0; transition-duration:0.3s;}
.menubtn > span:nth-child(1){ top:11px; left:6px;}
.menubtn > span:nth-child(2){ top:23px; left:6px;}
.menubtn > span:nth-child(3){ top:23px; left:6px;}
.menubtn > span:nth-child(4){ top:35px; left:6px;}
.menubtn.active > span:nth-child(1){ top:23px; left:6px; background-color:transparent;}
.menubtn.active > span:nth-child(2){ top:23px; left:5.5px; transform:rotate(45deg);}
.menubtn.active > span:nth-child(3){ top:23px; left:5.5px; transform:rotate(-45deg);}
.menubtn.active > span:nth-child(4){ top:23px; left:6px; background-color:transparent;}
.menubtn.active{
    background-color: #1E2B6C;
  }
.mobilemenudiv{ position:fixed; width:420px; height:auto; max-height:100vh; overflow-y:auto; z-index:300; display:flex; margin:0; justify-content: space-between; background-color:#fff; transition-duration:0.5s; right:-100%; top:0;}
.mobilemenudiv.active{ right:0;}
.mobilemenudiv > ul{ display:flex; justify-content: center; align-items: top; flex-wrap:wrap; margin-top:100px;}
.mobilemenudiv > ul > li{ display:inline-block; text-align:center; width:100%;}
.mobilemenudiv > ul > li > a{ color:#000; font-weight:bold; font-size:26px; width:90%; padding:8px 5%; display:inline-block; text-align:left;}
.mobilemenudiv > ul > li:hover > a{ color:#fff ;background-color: #1E2B6C;}
.mobilemenudiv > ul > li > div{ width:100%; transition-duration:0.3s; display:inline-block; float:left; padding-bottom:8px;}
.mobilemenudiv > ul > li.active > div{ height:auto;  background-color: rgb(31 65 163 / 92%)}
.mobilemenudiv > ul > li > div > ul > li{ margin:0; transition-duration:0.3s; height:0; overflow:hidden; width:85%; padding:0 5%; padding-left:10%; text-align:left;}
.mobilemenudiv > ul > li.active > div > ul > li{ height:40px; margin:6px 0;}
.mobilemenudiv > ul > li > div > ul > li > a{ color:#fff; font-weight:normal; font-size:24px; text-align:left;}
.mobilemenudiv > ul > li > div > ul > li > a:hover{ color:#fff;}



footer{ width:100%; display:inline-block; float:left; background-color:#1E2B6C; padding:50px 0;}
footer > div{ width:90%;  margin:auto; display:flex; flex-wrap:wrap; position:relative;align-items: center;}
footer > div > h2{ display:flex; align-items: center; width:100%; margin:auto; margin-bottom:8px;}
footer > div > h2 > a > svg{ width:143.3544px; height:36.7824px;  }
footer > div > div{ display:block;  align-items: center; margin:auto; width:100%;}
footer > div > div > nav{ margin-bottom:16px;}
footer > div > div > nav > a{ color:#fff; margin-right:16px; font-size:22px; display:inline-block;}
footer > div > div > nav > a:hover{ color:#fff;}
footer > div > div > nav > a:nth-child(2){ font-weight:bold;}
footer > div > div > div > p{ color:#fff; font-size:22px;}

section{ width:100%; display:inline-block}
.sub > nav{ display:none;}
.path{ padding-top:16px; padding-left:24px; padding-right:24px; font-size:18px;  color: rgb(163, 157, 157); font-weight: normal;}
.sub > div > div{ background-color:#fff; margin:16px 24px; margin-bottom:50px;}
.sub > div > div > h3{ font-size:36px; text-align:center; margin-top:50px; margin-bottom:30px; width:100%; display:inline-block;}
.sub > div > div > div{ width:100%; display:inline-block; }
.sub > div > div > div > .content{ margin:24px;}


.aintroflex{
  margin-bottom: 22px;
}
hr{
  margin-bottom: 36px;
}

 section{
    margin-top: 90px;
 }
 header>div>h1>a>svg:nth-child(1){
    display: none;
}
header>div>h1>a>svg:nth-child(2){
    display: block;
}
header>div>h1>a>svg:nth-child(2){
    width: 154.8076923076923px;
    height: 50px;
}
header{ position:fixed; width:100%; height: 90px; display:inline-block; right:0; top:0; z-index:299;}

.down {
  background-color: rgb(196 207 233 / 88%);
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.1s;
  transition-timing-function: ease;
}
.aintroflex> h3{
    margin: 0;
    text-align: left;
    font-family: NotoSansKR;
  font-size: 44px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}.footertext{
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
footer svg{
  width: 177px;
  height: 50px;
}