

/*************************************************************************************************************
  SEARCH MODAL 검색 모달 
**************************************************************************************************************/
.modal 
{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; display: none;}
.modal_content 
{background: #fff; width: 100%; height: 400px; padding: 30px; position: absolute; top: 0; box-sizing: border-box; }
.modal_content a 
{float: right; transition: all .5s }
.modal_content a:hover 
{transform: rotate(360deg); }
.modal_content a img 
{width: 30px; }

.m_inner
{width: 100%; max-width: 1440px; margin: 40px auto; text-align: center; }
.m_inner h2 
{font-size: 25px; color: #0059a9; }

.is_search 
{margin: 80px 0 0; position: relative; }
.is_search button
{background-color: #fff; border: 1px solid rgb(90, 90, 90); }
.is_search .inputText 
{height: 60px; float: left; width: calc(100% - 60px); border: none; font-size: 20px; padding-left: 5px; outline: none; border-bottom: 3px solid #0059a9; }
.is_search .btn_search 
{width: 60px; height: 60px; border-radius: 0; background-size: 25px; border: none; left:auto; right:0;}
.is_search .btn_search::after 
{content: url(../images/magnifying-glass.png); }
.is_search .btn_search i 
{font-size: 25px;}



/*************************************************************************************************************
  SITE MAP 사이트맵 
**************************************************************************************************************/
 .site-map 
 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:9999; overflow-y:auto;}
 .site-map-wrap 
 {width:100%;background:#fff; display:table; z-index:9999; background-image:url(../images/main/bg_nav.png); background-repeat:no-repeat; backgorund-size:180px; background-position: bottom 20px right 20px;}
 .site-map-inner 
 {padding:40px 40px; position:relative; /*display:table-cell; vertical-align:middle;*/}

 .site-map-title-inner
 {max-width:1400px; margin:0 auto;}
 .site-map-title-inner h2
 {font-size:32px; font-weight:600; background:#f4f4f4; color:#000; padding:20px; display:inline-block; width:100%; text-align:center; letter-spacing:2px;}
 .site-map-content 
 {max-width:1400px; margin:0 auto; padding:100px 20px;}
 .site-map .site-map-menu > ul 
 {display:flex; justify-content:space-around;}
 .site-map .site-map-menu > ul > li
 {width:20%; font-size:19px; border-right:1px solid #eee; text-align:center; line-height:2.1; padding:20px 0;}
  .site-map .site-map-menu > ul > li:first-child {border-left:1px solid #eee;}
 .site-map .site-map-menu > ul > li > h2
 {font-size:19px; font-weight:600;}
 .site-map .site-map-menu .sitemap-2dep
 {margin-top:20px;}
 .site-map .site-map-menu .sitemap-2dep li
 {}
 .site-map .site-map-menu .sitemap-2dep li a
 {font-size:16px; display:block; padding:5px; transition:all 0.25s ease-in-out}
 .site-map .site-map-menu .sitemap-2dep li a:hover
 {color:#266db3; font-weight:500; background:#f4f4f4;}


 .site-map .site-map-btn
 {max-width:1440px; margin:0 auto; position:relative;}
 .site-map .site-map-btn .close-btn-inner
{position:absolute; top:0; right:0;}
 .site-map .site-map-btn .site-map-close-btn
 {display:inline-block; color:#000; cursor:pointer; transition:all 0.25s ease;}
 .site-map .site-map-btn .site-map-close-btn span i
 {font-size:42px;}
 .site-map .site-map-btn .site-map-close-btn span i:hover
 {transform:rotate(360deg); transition:all 0.35s ease;}
 .site-map .language
 {display:none; position:absolute; right:45px; top:10px;}
 .site-map .language a
 {font-weight:600; color:#000; margin:0 10px; display:inline-block;}


/*************************************************************************************************************
  FOOTER 푸터
**************************************************************************************************************/
 

 footer 
 {width: 100%; padding:60px 0; background-color: #1c1e26; color: #fff;}
.footer_inner 
{width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.footer_inner .footer_right 
{display: flex; justify-content: space-evenly;}
.copyright 
{font-weight: normal;}
.copyright b 
{font-size: 20px; padding: 10px 0; display: block; font-weight: normal;}
.copyright li 
{font-weight:300; font-size: 14px; line-height:1.4; }
.copyright p 
{font-family: 300;font-size: 15px;}

.sns 
{display: flex; justify-content: space-evenly; align-items:center; width: 100px; height: 30px; margin-top: 25px;}
.sns img 
{display: block; width: 23px;}
.sns02 img 
{width: 24px;}

/* .footer_right .family_site_01 select, */
/* .footer_right .family_site_02 select */
/* {appearance:none; background:url('../images/footer-list-btn.png') no-repeat 90% 50%; } */
/* .footer_right .family_site_01 select::-ms-expand */
/* {display:none;} */
/* .family_site_01, */
/* .family_site_02  */
/* {width: 200px; height: 30px; margin: 25px 5px 0 10px;} */
/* .family_site_01 select, */
/* .family_site_02 select  */
/* {border: 1px solid #fff; width: 100%; outline: none; padding: 5px 0px 5px 30px; font-size: 15px; color: #fff; border-radius: 30px; background-color: transparent; text-align: left; font-weight:300;} */
/* select::-ms-expand  */
/* {display: none;} */
/* .select  */
/* { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } */
/* #Cooperation option  */
/* {background: #0059a9; color: #fff; outline: none;} */
/* #goverment option  */
/* {background: #0059a9;color: #fff;outline: none;} */
  
  
  @media screen and (max-width:1440px){
    footer
    {padding:60px 20px;}
  }
    
    @media screen and (max-width:1200px){
      .site-map-wrap
      {height:100%;}
      .site-map-inner
      {padding:20px 40px;}
      .site-map-content
      {padding:0 20px}
/*       .site-map .site-map-menu > ul */
/*       {flex-wrap:wrap;} */
/*       .site-map .site-map-menu > ul > li */
/*       {width:100%; border-right:none; margin:0 0 0px;} */
/*       .site-map .site-map-menu > ul > li > h2 */
/*       {text-align:left; font-size:24px; border-bottom:1px solid #ddd;} */
/*       .site-map .site-map-menu .sitemap-2dep */
/*       {margin-top:10px;} */
/*       .site-map .site-map-menu .sitemap-2dep li */
/*       {display:block; text-align:left;} */
    }
  
  
    @media screen and (max-width:870px){
      .country-inner
      {display:none;}
      .country-mobile
      {display:block;}
  
  
      footer
      {padding:20px; height:100%; flex-wrap:Wrap;}
      .footer_inner
      {flex-wrap:wrap;}
      .footer_inner .copyright
      {padding:0px;}
      .footer_inner .footer_right
      {flex-wrap:wrap; justify-content:start;}
      .footer_inner .footer_right .family_site_01, 
      .footer_inner .footer_right .family_site_02,
      .footer_inner .footer_right .family_site_01 select, 
      .footer_inner .footer_right .family_site_02 select
      {width:100%; margin-left:0;}

      
  
      
  
  }
  
  
  
    @media screen and (max-width:414px){
       /* 헤더 */

  
  
      .site-map .site-map-menu
      {margin-top:50px;}
/*       .site-map .site-map-menu > ul > li */
/*       {padding:0; margin:0 0 30px;} */
      .site-map .site-map-menu .sitemap-2dep li a
      {padding:0 5px}
      .site-map-content
      {padding:00px 0;}
      .site-map .language
      {display:block;}
  
    }
    
    
/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {
  opacity: 0;
  transition: all .8s ease;

}

/* 아래에서 위로 페이드 인 */
.sa-up {
  transform: translate(0, 100px);
}
/* 위에서 아래로 페이드 인 */
.sa-down {
  transform: translate(0, -100px);
}
/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right {
  transform: translate(-100px, 0);
}
/* 오른쪽에서 왼쪽으로 페이드 인 */
.sa-left {
  transform: translate(100px, 0);
}
/* 왼쪽으로 회전하면서 페이드 인 */
.sa-rotateL {
  transform: rotate(180deg);
}
/* 오른쪽으로 회전하면서 페이드 인 */
.sa-rotateR {
  transform: rotate(-180deg);
}
/* 작아진 상태에서 커지면서 페이드 인 */
.sa-scaleUp {
  transform: scale(.5);
}
/* 커진 상태에서 작아지면서 페이드 인 */
.sa-scaleDown {
  transform: scale(1.5);
}

.sa.show {
  opacity: 1;
  transform: none;
}
    
  