/*pc*/
.position_pc{ display:none;}

@media all and ( min-width:768px){
  .position_mo{ display:none  }

  .position_wrap{display:block; border-top: 1px solid #282828; border-bottom: 4px solid #282828;}
  .position_wrap:after{display:block; content:""; clear: both }
  .position_wrap > .container{position:relative }
  .position_pc {display:block; float:left;}
  .position_pc a {text-decoration: none;}
  .position_pc > li {
    display:inline-block; position:relative; vertical-align:top;}
  .position_pc > li > a {display:block; padding:0 40px 0 10px; line-height:52px;}
  .position_pc > li:first-child > a {padding-right: 5px;}

  .position_pc > li.has_menu > a {padding:0 70px 0 20px }
  .position_pc > li > ul {
    display:none; width:100%; padding:5px; background:#fff;
    position:absolute; top: 60px; left: 0; border: 4px solid #282828; border-top: 0; z-index: 1;
  }

  .position_pc > li.has_menu > a:after {
    content: "";
    display: block; width: 4px; height: 10px; background: #1e3050;
    position: absolute; right: 23px; top: 20px;
    transition: all 0.1s ease-out;
  }
  .position_pc > li.has_menu > a:after {transform: rotate(45deg);}
  .position_pc > li.has_menu > a:before {
    content: "";
    display: block; width: 10px; height: 4px; background: #1e3050;
    position: absolute; top: 23px; right: 25px;
    transition: all 0.1s ease-out;
  }
  .position_pc > li.has_menu > a:before {transform: rotate(225deg);}
  .position_pc > li.has_menu > a.open:after {transform: rotate(90deg);}
  .position_pc > li.has_menu > a.open:before {transform: rotate(180deg);}
  .position_pc > li > ul > li:last-child {border:none;}
  .position_pc > li > ul > li > a {display:block; padding:10px;}
  .position_pc > li > ul > li > a:hover {background-color: #efefef; transition: all 0.5s ease-out;}
}

/*모바일*/
.position_mo{
  margin-top: 9rem;
  font-size: 1rem;
}/*position:relative; margin:0 15px; padding-right:50px;*/
.position_mo h2{
  border-top: 1px solid #282828; border-bottom: 4px solid #282828;
  font-size: 1rem;
}
.position_mo .open{
  display:block; bottom:-5px;
  transition:0.3s;
}
.position_mo .close { transform: rotate(180deg); transition:0.3s;}
.position_mo ul {display:none; position:absolute; width:100%;  top:60px; background:#fbfbfb; border: 1px solid #282828; border-top: none; z-index: 1;}
.position_mo ul li {position:relative;}
.position_mo ul li a {
  display:block; padding: 1rem 2rem; text-decoration: none;
  font-weight: bold;
}
.position_mo ul li a::before {
  content: "\f192";
  font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 7px; color: #1e3050;
}
.position_mo ul li i { position:absolute; right:20px; top:13px; font-size:1.2rem; color:#fff;  }