/*head.css*/
.gnb_wrap .gnb_empty{padding: 20px 0;}
#hd{width: 100%; min-width: inherit;  background: none; position: fixed; top: 0; left: 0; z-index: 100; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#hd.scroll_bg{top:-40px;}
#hd_wrapper{width: 100%; height: 80px; overflow: visible; z-index: 30; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#hd.scroll_bg #hd_wrapper{background: #fff; border-bottom: 1px solid #ccc;}
#hd_wrapper .inner{position: relative;  height: 100%;}


.user-btn-box {display: flex; background: #333;}
.user-button {flex: 0 1 100%; text-align: center; }
#tnb .user-btn-box .user-button a {color: #b1b1b1;display: block; padding: 9px 0;}
#tnb .user-btn-box .user-button a:hover {color: #b1b1b1;background:#333; color: #e9e9e9;}


.side_contact {
    padding: 16px 0;
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
  }
  
  .contact_info .contact_title {
    font-weight: 600;
    font-size: 20px;
    color: #ddd;
    margin-bottom: 8px;
  }
  
  .contact_info .contact_list {
    color: #979797;
    font-size: 18px;
    letter-spacing: -0.6px;
    line-height: 24px;
  }
  
  .contact_info .contact_list span {
    font-size: 14px;
    display: block;
    margin-top: 2px;
  }
  
  .side_sns {
    margin-top: 16px;
  }
  
  .side_sns .side_sns_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -4px;
  }
  
  .side_sns .side_sns_list li {
    padding: 0 4px;
  }
  
  .side_sns .side_sns_list li a {
    color: #4e4e4e;
    font-size: 24px;
  }

  .side_sns .side_sns_list li a:hover {
    color: #979797;
  }
  

  /* login */
  #ol_before{background: #222; height: 100%; }
  #ol_before .buttons{float: right; margin-top: 7.5px; width: 50%;}
  #ol_before .buttons a{width: 100%; text-align: center;}
  #tnb.mobile #ol_before .buttons a{padding: 0; color: #ccc;}
  #tnb.mobile #ol_before .buttons a:hover{background: none; color: #fff;}
  #ol_before .buttons.join a{border-left: none;}
  #ol_before  .buttons a i{display: none;}
  .ol{margin: 0;}
  #ol_after{-webkit-box-shadow: none; box-shadow: none; border: none; background: none;}
  #ol_after_hd{padding: 0; margin: 0; float: right; width: 100%; height: inherit;}
  #ol_after_hd .ol_buttons{float: left; display: block; width: 50%; border-top: 1px solid rgba(255,255,255,0.5); -webkit-box-sizing: border-box; box-sizing: border-box; background: #222;}
  #ol_after_hd .ol_buttons a{display: block; padding: 0; float: left; position: relative; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 60px; text-align: center; background: none; border: none; color: #ccc; font-weight: 400;}
  #ol_after_hd .admin{width: 100%; background: #bf4a3f; border-top: none;}
  #ol_after_hd .info{border-right: 1px solid rgba(255,255,255,0.5);}
  #ol_after_hd .ol_buttons .oi{display: table; margin: 0 10px 0 0; float: left; height: 60px;}
  #ol_after_hd .ol_buttons .oi[data-glyph]:empty:before{display: table-cell; vertical-align: middle;}
  #ol_after_hd .ol_buttons .text{display: block; float: left;}
  #ol_after_private{display: none;}
  #ol_before .buttons{margin-top: 0; height: 100%;}
  #tnb.mobile #ol_before .buttons a{height: 100%; line-height: 60px; font-size: 16px; font-weight: 400; text-transform: uppercase;}
  #ol_before .buttons.login a{border-right: 1px solid rgba(255,255,255,0.5); -webkit-box-sizing: border-box; box-sizing: border-box;}
  #ol_before .buttons.join a::after{display: none;}
  #ol_after_hd .profile_text strong {display: inline-block; color: #ddd;}
  #ol_after_hd .profile_text a {display: inline-block; background: none; color: #e9e9e9;}


@media screen and (min-width:1200px){
    #mb-open-menu{display: block;}
}
@media screen and (max-width: 1199px){
    #hd_wrapper .inner{padding: 0 20px;}
    #logo{width: 140px; left: 20px;}
    #mb-open-menu{right: 20px;}
    #aside{width: 60%; max-width: 550px;}
    .close_menu{margin-top: 50px;}
    .close_menu .line_box{right: 50px;}
    #tnb.mobile{display: block;}
    #tnb{display: none;}
   
    
    #gnb{display: none;}
    #hd.scroll_bg{top:0;}      
}
@media screen and (max-width:767px){
    #aside{width: 80%;}

    .mobile-list a { font-size: 24px;line-height: 54px;}
    .mb-sub-ul li a {padding: 0 20px; line-height: 30px; font-size: 14px;}
    .mobile-list .icon_arrow {font-size: 20px; top: 20px;}
}
@media screen and (max-width:480px){
    #logo{width: 130px;}
    #aside{width: 100%; min-width: inherit; max-width: none;}
   
    .close_menu{margin-top: 30px;}
    .close_menu .line_box{right: 30px;}
    .mobile-list a {font-size: 22px; line-height: 60px;}
   
    #tnb.mobile #ol_before .buttons a{font-size: 14px;}  
}






  /* 서브 비주얼 디자인 */
  .visual_img {
    width: 100%;
    height: 360px;
    background-image: url("../img/company/banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
      
       animation-duration: 5s; animation-name:visualScale; animation-timing-function:all 2.5s cubic-bezier(0.215,0.61,0.355,1);
      z-index: 10;
      
      
  }
  #MU_01  .visual_img { background-image: url("../img/sub/bg01.jpg"); }
  #MU_02  .visual_img { background-image: url("../img/sub/bg02.jpg"); }
  #MU_03  .visual_img { background-image: url("../img/sub/bg03.jpg"); }
  #MU_04  .visual_img { background-image: url("../img/sub/bg04.jpg"); }
  #MU_05  .visual_img { background-image: url("../img/sub/bg05.jpg"); }
  #MU_06  .visual_img { background-image: url("../img/sub/bg06.jpg"); }
@keyframes visualScale {
0% { transform:scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); }
100% { transform:scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}


  .intro_visual_text { position: absolute; width: 100%; 
    color: #fff;  z-index: 100;
    padding: 190px 15px 0 15px;
  }
  
  .intro_visual_text h6 {     margin-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #fff;
  }
  
  .intro_visual_text p {     color: #7ed3f9;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
     
  }
  
  /*visual E*/