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

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:580px; 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;}

.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:#fff; 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:320px; height:auto; max-height:100vh; overflow-y:auto; z-index:300; display:flex; align-items:center; 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:88px;}
.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:16px 10%; display:inline-block; text-align:left;}
.mobilemenudiv > ul > li:hover > a{ background-color: #1E2B6C; color: #fff;}
.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:640px;  margin:auto; display:flex; flex-wrap:wrap; position:relative;align-items: center;}
footer > div > h2{ display:flex; align-items: center; width:580px; 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:580px;}
footer > div > div > nav{ margin-bottom:16px;}
footer > div > div > nav > a{ color:#fff; margin-right:16px; font-size:20px; 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:18px;}
.info p:nth-child(2){
  margin-top: 16px;
}
.info p:nth-child(3){
  margin-top: 32px;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 24px;
}
section{ width:640px; display:inline-block}
.sub > nav{ display:none;}
.path{ padding-top:16px; padding-left:24px; padding-right:24px; font-size:20px; }
.sub > div > div{ background-color:#fff; margin:16px 24px; margin-bottom:50px;}
.sub > div > div > h3{ font-size:52px; text-align:center; margin-top:50px; margin-bottom:30px; width:100%; display:inline-block;}
.sub > div > div > div{ width:100%; display:inline-block; margin-bottom:50px;}
.sub > div > div > div > .content{ margin:24px;}
header>div>h1>a>svg:nth-child(2){
  display: none;
}

.tab0 li .title{
    display: inline-block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*  투명도 조절 */
header {
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
  header:after {
    display: block;
    content: "";
  }
  .down {
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }









section{
  margin-top: 90px;
}
header>div>h1>a>svg:nth-child(1){
  width: 154.8076923076923px;
    height: 60px;
}
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: 60px;
}
.menubtn > span{
  background-color: #000;
}
.sub > div > div >div> h3{
  font-size: 40px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
  width: 100%;
  display: inline-block;
}
.sub > div > div >hr{
display: none;
}
.path{
  display: none;
}
.sub > div > div >hr{
  margin-top: 0;
}
.sub > div > div > div{
  margin-bottom: 0;
}

.sub > div > div > div > .content > div > p{
  font-size: 22px;
}
.mar50{
  margin-top: 50px;
}
.menubtn.active > span:nth-child(3){
  background-color: #fff;
}
.menubtn.active > span:nth-child(2){
  background-color: #fff;
}.footertext{
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
footer svg{
  width: 177px;
  height: 50px;
}