#header{  height: 120px; position: fixed; width: 100%; z-index: 9999; background-color: #fff; border-bottom: 1px solid #efefef;}
.head_wrap{max-width: 1680px; width: 95%; margin: 0 auto; display: flex;  height: 100%; align-items: center;  position: relative; justify-content: center;}
.head_wrap .logo{ width: 215px; position: absolute;left: 0; }
.head_wrap .logo a{display: block; width: 100%; height: 100%;}
.head_wrap .logo a img{width: 100%;}
.head_wrap .logo a img.white{}
.head_wrap .logo a img.color{display: none;}
.head_wrap .main_right{display: flex; position: absolute; right: 0; height: 100%; justify-content: end; align-items: center;}
/*언어*/
/* .head_wrap .main_right .lang{display: flex; width: 70%; align-items: center;}
.head_wrap .main_right .lang li{width:calc(100% / 2 - 20px); margin: 0 10px; position: relative;}
.head_wrap .main_right .lang li.active span{color:var(--main-color) ;}
.head_wrap .main_right .lang li.active::after{content: ""; background-color: #fff; width: 1px; height: 11px; position: absolute; right:-8px; top: 6px;}
.head_wrap .main_right .lang li a{display: block; }
.head_wrap .main_right .lang li a span{ font-size: 15px; color: #fff; display: inline-block;transform: translateY(1px); }
.head_wrap .main_right .lang li .white{}
.head_wrap .main_right .lang li .color{display: none;}
.head_wrap .main_right .lang li.active a span{transform: translateY(3px); display: inline-block; color: #fff;} */
 
/*언어*/
.head_wrap .lang{width: 112px; height: 35px; border: 1px solid #111;border-radius: 5px; transition: all .3s;}

.head_wrap .lang .lang_btn{background-color: transparent; border: none; position: relative; height: 100%; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 10px;}
.head_wrap  .lang .lang_btn img{ }
.head_wrap  .lang .lang_btn img.color{display: none;}
.head_wrap  .lang .lang_btn span{ margin-left: 10px; font-size: 16px; }
.head_wrap  .lang .lang_btn i{font-size: 16px; }
.head_wrap .lang .lang_list{ text-align: center; background-color: #fff; display: none;  width: 112px; border-radius:0 0 5px 5px; padding: 10px; border: 1px solid #111; border-top: none;     transform: translateX(-1px);}
.head_wrap  .lang .lang_list li{line-height: 30px; height: 30px; font-size: 16px;}
.head_wrap  .lang .lang_list li a{display: block;transition: all .3s; }
.lang.on{border-radius: 5px 5px 0 0;}
.head_wrap  .lang .lang_list li a:hover{font-weight: 600;}
/* .header.on{background-color: #fff; border-bottom: 1px solid #efefef;} */


/*전체메뉴*/
.head_wrap .all_menu_wrap{width: 30px;  }
.head_wrap .all_menu_wrap .all_menu_btn{cursor: pointer;}
.head_wrap .all_menu_wrap .all_menu_btn button{width: 100%; border: none; background: none; }
.head_wrap .all_menu_wrap .all_menu_btn span{background-color: var(--main-color); width: 100%; height: 2px; position: relative; display: block;}
.head_wrap .all_menu_wrap .all_menu_btn span::before{content: ""; width: 100%; height: 2px; background-color: #111; position: absolute; top: -8px; right: 0; transition: all .3s;}
.head_wrap .all_menu_wrap .all_menu_btn span::after{content: ""; width: 100%; height: 2px; background-color: #111; position: absolute; bottom: -8px; right: 0; transition: all .3s;}



.all_menu_list.active{transition: all 0.7s ease-in-out; right: 0; z-index: 99999999; display: block;}
.all_menu_list{position: fixed; width: 100%; height: 100vh; z-index:1000; 
    /* background: url(../img/site_map.jpg) no-repeat;
    background-position: center;
	background-size: cover; */
    /* background-color: rgba(0, 0, 0, 0.8); */
    transition: all 0.7s ease-in-out;
    background-color: #fff;
     top: 0; right: -100%;  bottom: 0; 
     /* backdrop-filter: blur(8px); */
     }

     .close_btn{width: 5%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; z-index: 9999; top: 40px; right: 10px; text-align: center;}
     .close_btn button{width: 50%; border: none; background: none;}
     .close_btn span{border: 1px solid var(--main-color); display: block; margin: 5px 0; width: 70%;}
     .close_btn span:nth-child(1){transform: rotate(45deg) translate(5px, 5px)}
     .close_btn span:nth-child(2){transform: rotate(-45deg);}
/*sitemap*/
.site_map{display: flex;  align-items: center; width: 100%; height: 100%; justify-content: center; position: relative;}
/* .site_map::before{content: "";background: url(../img/main2_bg.png) no-repeat;   position: absolute;left: 50%; top: 50%; display: block; font-size: 25rem; max-width: 1540px; transform: translate(-50%, -50%); z-index: -1; width: 1130px; height: 540px; opacity: 0.1;} */

.site_map_menu >ul{max-width: 1540px; width: 60%;  height: 100%; display: flex; flex-direction: column; justify-content: center;}
.site_map_menu >ul> li.gnb-1dep{transition: all .3s; display: flex; align-items: center; margin-bottom: 100px; padding-left: 100px; font-family: var(--font-arch);}
.site_map_menu >ul> li.gnb-1dep:last-child{margin-bottom: 0;}
.site_map_menu >ul> li.gnb-1dep> a{display: block;  line-height: 1.4; font-size: 18px; transition: all .3s; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative; font-weight: 600;}
.site_map_menu >ul> li.main_menu1> a::before{content: "01"; font-weight: 700; color: rgba(241, 92, 43, 0.4); font-size: 6rem; position: absolute; left: -45px; top: -40px; display: block;  letter-spacing: -7px; font-family: var(--font-arch); z-index: -1;}
.site_map_menu >ul> li.main_menu2> a::before{content: "02"; font-weight: 700; color: rgba(241, 92, 43, 0.4); font-size: 6rem; position: absolute; left:-45px; top: -40px; display: block; letter-spacing: -3px;font-family: var(--font-arch);z-index: -1; }
.site_map_menu >ul> li.main_menu3> a::before{content: "03"; font-weight: 700; color: rgba(241, 92, 43, 0.4); font-size: 6rem; position: absolute; left: -45px; top: -40px; display: block;  letter-spacing: -3px; font-family: var(--font-arch); z-index: -1;}
.site_map_menu >ul> li.main_menu4> a::before{content: "04"; font-weight: 700; color: rgba(241, 92, 43, 0.4); font-size: 6rem; position: absolute; left: -45px; top: -40px; display: block;  letter-spacing: -3px; font-family: var(--font-arch); z-index: -1;}

.site_map_menu >ul> li.gnb-1dep> a::after{content: ""; width: 0; height: 10px; background-color: var(--main-color); position: absolute; left: 0; bottom: 3px; z-index: -1; transition: all .5s;}
.site_map_menu >ul .gnb-1dep:hover >a::after{width: 100%;}

/* .site_map_menu ul li .gnb-2dep li a:hover{color: rgba(255,255,255,1); } */
.site_map_menu ul li .gnb-2dep li a i{display: none;}
.site_map_menu ul li .gnb-2dep{display: flex; }

.site_map_menu ul li .gnb-2dep li{width: auto; padding: 0 30px; font-family: var(--font-arch);}
.site_map_menu ul li .gnb-2dep li a{    display: block; width: 100%; height: 100%;padding: 10px;line-height: 1.4;font-size: 20px;transition: all .3s; }
.site_map_menu ul li .gnb-2dep li a:hover{color: var(--main-color);}
.site_map_menu ul li .gnb-2dep li a span{}

.all_menu_list .depth03{display: none;}

.site_map_bg{background: url(../img/site_map_bg.jpg) no-repeat; width: 40%; height: 100%; background-size: cover; background-position: center;}



.gnb{ height: 100%; max-width: 1000px; width: 100%; }
.gnb .main_menu{display: flex; height: 100%; align-items: center;}
.gnb .main_menu .gnb-1dep{
    /* width:calc(100% / 6 - 10px) ;  */
    margin: 0 43px; text-align: center; height: 120px; line-height: 120px; position: relative;}
/* .gnb .main_menu .gnb-1dep>a:hover {color: var(--sub-color) !important;} */

.gnb .main_menu .gnb-1dep> a{display: block; width: 100%; height: 100%; font-size: 18px;  position: relative; transition: all .3s; font-weight: 400; font-family: var(--font-arch);}
.gnb .main_menu .gnb-1dep> a::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: var(--main-color); position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: none;}
.gnb .main_menu .gnb-1dep .gnb-2dep{height: auto; padding: 10px 20px; display: none; background-color: var(--main-color);  width: 190px; position: absolute; left: 50%; transform: translateX(-50%); top: 120px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.gnb .main_menu .gnb-1dep .gnb-2dep li{margin: 15px 0; position: relative;}
.gnb .main_menu .gnb-1dep .gnb-2dep li a{ width: 100%; height: 100%; font-size: 18px; text-align: center;line-height: 1.5; color: #fff;display: block; transition: all .3s; font-family: var(--font-arch); font-weight: 200;}
.gnb .main_menu .gnb-1dep .gnb-2dep li a span{}
.gnb .main_menu .gnb-1dep .gnb-2dep li a i{color: #fff; }
.gnb .main_menu .gnb-1dep .gnb-2dep li a:hover span{border-bottom: 1px solid #fff;}
.gnb .main_menu .gnb-1dep:hover a::before{display: block;}

.gnb .main_menu .gnb-1dep .gnb-2dep >li:hover >a >span{border-bottom: 1px solid #fff;}

.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03{display:none; width: 250px; position:absolute; top: 0; right:-270px; background: #0c3f82ad; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; padding: 0 20px;}
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 li{}
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 li a{}
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 li a:hover span{border-bottom: 1px solid #fff;}


/*모바일head*/
#header.mobile{background-color: #fff; border-bottom: 1px solid #ccc;}
#header.mobile .logo a img.white{display: none;}
#header.mobile .logo a img.color{display: block;}


.head_wrap .m_btn{vertical-align: top; text-align: center; z-index: 200; display: none;}
.head_wrap .m_btn span{position:relative; display:inline-block; width: 30px; height: 2px; background: var(--main-color); transition:0.4s}
.head_wrap .m_btn span::before{content:""; position:absolute; top: -8px; left: 0; width: 100%; height: 2px; background: var(--main-color); transition:0.4s}
.head_wrap .m_btn span::after{content:""; position:absolute; top: 8px; left: 0; width: 100%; height: 2px; background: var(--main-color); transition:0.4s}

.m_btn.on{}
.m_btn.on span{background: transparent !important;}
.m_btn.on span::before{position:absolute; top: 0; transform:rotate(45deg); background-color: #fff;}
.m_btn.on span::after{position:absolute; top: 0; transform:rotate(-45deg); background-color: #fff;}

.head_wrap .m_menu{display:none; position:fixed; top: 0; right: -100%; width: 100%; height: 100%; max-width:640px; 
    /* background: linear-gradient(135deg, #01088A, #369DB5); */
    background-image: linear-gradient(to bottom, #606f85 0%, #93a3ba 100%);
     z-index: 100; box-sizing:border-box; transition:0.4s}
.head_wrap .m_menu .m_logo{position:relative; display:inline-block; vertical-align:middle; width: 150px; height: 60px; background:url(../img/logo_color.png) 50% 50% no-repeat; background-size:contain; margin: 25px 0;}
.head_wrap .m_menu .m_lang{ margin-top: 90px; display: flex; text-align: center; font-size: 22px;}
.head_wrap .m_menu .m_lang a{color: #fff; height: 50px; line-height: 50px; position: relative; width: calc(100% / 2 - 10px); margin: 0 5px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 16px;}
.head_wrap .m_menu .m_lang a.active{color: var(--main-color); background-color: #fff;}

.head_wrap .m_menu > ul{padding-top: 20px;}
.head_wrap .m_menu > ul > li{padding-left: 20px; }
.head_wrap .m_menu > ul > li > a{position:relative; display:inline-block; width: 100%; font-size:18px; color: #fff; padding: 14px 0; box-sizing:border-box; line-height:1.2em;  font-weight: 600;}
.head_wrap .m_menu > ul > li > a::before{background-color: #fff;
    content: '';
    width: 15px;
    height: 1px;
    position: absolute;
    right: 2%;
    top: 50%;
    transition: 0.3s ease-in-out;
    transform: translate(-50%, -50%);}
    .head_wrap .m_menu > ul > li > a::after{
        background-color: #fff;
        content: '';
        width: 15px;
        height: 1px;
        position: absolute;
        right: 2%;
        top: 50%;
        transition: 0.3s ease-in-out;
        transform: translate(-50%, -50%) rotate(90deg);
    }

.head_wrap .m_menu > ul > li > ul{display:none; padding: 10px 0 ;} 
.head_wrap .m_menu > ul > li > ul > li{}
.head_wrap .m_menu > ul > li > ul > li > a{position:relative; display:inline-block; width: 100%; font-size:16px; color: #222;  box-sizing:border-box; padding: 10px 0;  }
/* .head .m_menu > ul > li > ul > li > a i{position:absolute; right: 53px; top: 19px; display:inline-block; width: 6px; height: 6px; background:url(../img/icon_arrowG.png) 50% 50% no-repeat; background-size:cover} */
.head_wrap .m_menu > ul > li > ul > li > a i{display: none;}

.head_wrap .m_menu.on{right: 0; display:block;}
.head_wrap .m_menu > ul > li.on{background: #f5f5f5;}
.head_wrap .m_menu > ul > li.on > a{color: var(--main-color);}

.head_wrap .m_menu > ul > li.on > a::before{background-color: var(--main-color);}
.head_wrap .m_menu > ul > li.on > a::after{transform: translate(-50%, -50%); background-color: var(--main-color);}
.head_wrap .m_menu > ul > li > ul > li.on a{color: var(--main-color);}
.head_wrap .m_btn.on span::before {background-color: #fff !important;}
.head_wrap .m_btn.on span::after {background-color: #fff !important;}

.head_wrap .m_menu .depth03{padding-left: 20px;}
.head_wrap .m_menu .depth03 li{font-size: 15px; margin: 10px 0;}






/*footer*/
.ft_top{overflow: hidden; margin-top: 200px ;}
.ft_logo_wrap{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; overflow: hidden; width: 200%; }
.ft_logo1 .logo_lolling{    animation: textMainLoop 70s linear infinite; text-wrap: nowrap; margin-right: 20px;}
.ft_logo2 .logo_lolling{    animation: textMainLoop 25s linear  infinite reverse;; text-wrap: nowrap;}
.ft_logo_wrap .logo_lolling img{width: unset;}

@keyframes textMainLoop{
    0%{  -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
     100% {
  -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(-100%, 0, 0);
  }
}






footer{background-color: #222222;}
.ft_inner{max-width: 1680px; width: 100%; margin: 0 auto; padding: 60px 0;}

.ft_contact{display: flex;}
.ft_contact> li{width: calc(100% / 2 ); }
.ft_contact .ft_contact_left>span{font-size: 2rem;font-weight: 600;}
.ft_contact .ft_contact_left h3{font-size: 5rem; color: #999; margin: 40px 0; font-weight: 600;}
.ft_contact .ft_contact_left h3 em{font-style: normal; display: block; font-weight: 700;}
.ft_contact .ft_contact_left p{color: #999; font-size: 2rem; line-height: 1.6;}

/*푸터 폼형식*/
.ft_contact_right{}
.contact_form{}
.contact_form li{margin-bottom: 30px;}
.contact_form li.form_flex{ display: flex; justify-content: space-between;}
.contact_form li.form_flex div{width: calc(100% / 2 - 10px);}
.contact_form li .ip_comm{width: 100%; height: 60px; padding: 10px; border: 0; background-color: transparent; border-radius: 0; box-sizing: border-box; font-size: 2rem; border-bottom: 1px solid #888; color: #fff;}
.contact_form li textarea.ip_comm{height: 200px; line-height: 1.6; padding: 10px;}
.set_btn{display: flex; justify-content: space-between; margin-top: 30px;}
.btn_sm{width: 285px; height: 70px;display: flex; align-items: center; justify-content: center; color: #fff; background-color: var(--main-color); border-radius: 10px; border: none; font-size: 2rem; font-weight: 200;}
.set_agree label{cursor: pointer; font-size: 2rem; color: #999; margin: 0 5px;}
.set_agree a i{font-size: 2rem; transform: translateY(5px);}

  /*.ft{ padding-top: 40px; 
   border-top:1px solid #888;margin-top: 80px; }*/
.ft_list{display: flex; }
.ft_list li{margin-right: 100px;}

.ft_list .ft_info{width: 570px;}
.ft_list .ft_info span{font-size: 1.6rem; margin-bottom: 20px; display: block; color: #fff; text-transform: uppercase; font-weight: 600;}
.ft_list .ft_info p{font-size: 1.6rem; color: #9c9c9c; margin-bottom: 15px; font-weight: 500;}
.ft_list .ft_info p em{padding-right: 30px; font-style: normal; font-weight: 600; position: relative;}
.ft_list .ft_info p em::after{content: ""; width: 1px; height: 13px; background-color: #999; position: absolute; right: 12px; top: 5px;}
.ft_list .ft_info div{display: flex;}
.ft_list .ft_info div p:first-child{margin-right: 60px;}

.copy{font-size: 1.6rem; color: #999; margin-left: 280px;  font-weight: 500;}
.ft_list .ft_logo img{width: 180px;}
.ft_list .ft_logo .sns{margin-top: 20px;}
.ft_list .ft_logo .sns a{margin-right: 5px; }
.ft_list .ft_logo .sns a i{font-size: 3rem; color: #aaa; transition: all .3s;}
.ft_list .ft_logo .sns a:hover i{color: #fff;}

.new_contact{position: relative;}

.new_contact .new_contact_inner{max-width: 1680px; margin: 0 auto; width: 95%; text-align: center; padding: 150px 0; position: relative;}
.new_contact .new_contact_inner::before{content: ""; width: 470px; height: 470px; background: url(../img/ft_contact2.png) no-repeat; position: absolute; right: 0; bottom: -50px; background-size: contain; opacity: .3; z-index: -1;}
.new_contact .new_contact_inner h2{font-size: 4rem;}
.new_contact .new_contact_inner p{font-size: 2.5rem; margin: 30px 0 80px;}
.new_contact .new_contact_inner a{}

.new_contact.none{display: none;}


/*footer 개인정보처리방침*/
.privacy .pop_wrap{width: 800px; }
.layerpopup{display: none; position:fixed;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:999999999999;overflow:auto; top: 0;}
.layerpopup .pop_wrap{padding:20px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative;  height: 600px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.layerpopup .pop_wrap .pop_tit{font-size: 25px; text-align: center;margin: 50px 0 ; color: var(--main-color); font-weight: 600;}
.layerpopup .pop_wrap .pop_content{border: 1px solid #ddd; margin-bottom: 20px; padding: 20px; background-color: #f7f7f7;}
.layerpopup .pop_wrap .pop_content h3{font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.layerpopup .pop_wrap .pop_content p{font-size: 16px;line-height: 1.2; word-break: keep-all;}

.layerpopup .pop_wrap .pop_close{position: absolute; right: 30px; top: 30px;}
.layerpopup .pop_wrap .pop_close i{color: var(--main-color); font-size: 30px; transition: all .5s;}
.layerpopup .pop_wrap .pop_close:hover i{transform: rotate(360deg);}

.privacy .pop_wrap textarea{width: 100%;height: 400px;background-color: #f4f4f4; font-size: 16px; word-break: keep-all;}



 /*******************************반응형*************************************/
 @media (max-width: 1770px) {  
  
   
       /*footer*/
    .ft_inner{width: 95%;}
 }
 @media (max-width: 1540px) {  
   
    /*footer*/
    .ft_list li{margin-right: 60px;}
    
}

@media (max-width: 1380px) {  
    .head_wrap .logo a img{width: 100%;}
    .gnb .main_menu .gnb-1dep a{font-size: 18px;}
    .gnb .main_menu .gnb-1dep .gnb-2dep li a{font-size: 16px;}
    .head_wrap .logo{width: 180px;}
    .head_wrap{width: 98%;}
    .gnb{max-width: 950px; }
    .gnb .main_menu .gnb-1dep{margin: 0 38px;}

      /*footer*/
    .ft_list .ft_info{width: 36%;}
.ft_top{margin: 150px 0 100px;}
.ft_logo_wrap .logo_lolling img{height: 10rem;}
}

@media (max-width: 1280px) {
 .head_wrap .logo{width: 170px;}
 .gnb{max-width: 900px; margin-left: 50px;}
.gnb .main_menu .gnb-1dep{margin: 0 34px;}

    /*footer*/
   
    .ft_list .ft_info div p:first-child{margin-right: 30px;}
    .ft_contact .ft_contact_left h3{font-size: 4rem;}
.copy{margin-left: 260px;}

.new_contact .new_contact_inner h2{font-size: 3rem;}
.new_contact .new_contact_inner p{font-size: 2.2rem;}
   
}
@media (max-width: 1130px) { 
    #header{height: 80px;}
    .head_wrap{justify-content: end;}
    .head_wrap .gnb{display: none;}
    .head_wrap .m_btn{position:relative; display:inline-block; width: 40px; height: 40px; vertical-align: middle;  cursor: pointer; transition:0.4s}
    .head_wrap .m_btn.on{margin-left: 0;}
    .head_wrap .m_btn span{margin: 19px 0;}
    .head_wrap .m_menu{display:block; }
    .mo_wrap{width: auto; display: flex; align-items: center; justify-content: space-between;}
    .head_wrap .main_right{display: none;}
    .privacy .pop_wrap{width: 90%;height: auto; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .layerpopup .pop_wrap .pop_tit{font-size: 20px;}


      /*footer*/
    .ft_list{flex-direction: column;}
    .ft_list li{margin-right: 0;}
    .ft_list .ft_info{width: 100%;}
    .ft_list .ft_info:first-child{margin: 20px 0 ;}
    .copy{margin-left: 0; margin-top: 15px;}
    .ft_contact .ft_contact_left h3{font-size: 3rem;}
    .ft_list li:nth-child(2){margin: 20px 0;}
 .ft_logo_wrap .logo_lolling img{height: 10rem;}
 .ft_top{margin: 100px 0;}


}
@media (max-width: 800px) { 

    .head_wrap .logo{width: 150px;}

   /*footer*/
  
    .ft_contact{flex-direction: column;}
    .ft_contact> li{width: 100%;}
    .ft_contact_right{margin-top: 30px;}
    .ft_contact .ft_contact_left h3{font-size: 2.8rem; margin: 20px 0;}
    .ft_contact .ft_contact_left p{font-size: 1.8rem;}
    .ft_contact .ft_contact_left p br{display: none;}
    .set_agree label{font-size: 1.8rem;}
    .btn_sm{font-size: 1.8rem;}
    .contact_form li .ip_comm{font-size: 1.8rem;}
    .layerpopup .pop_wrap .pop_tit{margin: 50px 0 20px;}
.ft_logo1{margin-bottom: 30px;}
.ft_logo_wrap .logo_lolling img{height: 7rem;}
.ft_top{margin:100px 0 50px ;}

.new_contact .new_contact_inner{padding: 100px 0;}
.new_contact .new_contact_inner h2{font-size: 2.5rem;}
.new_contact .new_contact_inner p{font-size: 2rem; line-height: 1.7;}


}
@media (max-width: 650px) { 
    #header{height: 60px;}
   
   /*footer*/
  
    .ft_contact .ft_contact_left h3 em{display: inline;}
    .ft_contact .ft_contact_left h3{font-size: 2.4rem;}
    .set_btn{flex-direction: column;}
    .btn_sm{width: 100%; margin-top: 20px; text-align: center;}
   
    .new_contact .new_contact_inner h2{font-size: 2.2rem;}
.new_contact .new_contact_inner p{font-size: 1.8rem;}
.new_contact .new_contact_inner::before{width: 350px;height: 350px;}

}
@media (max-width: 480px) { 
    .head_wrap .logo{width: 130px;}
    /* .head_wrap .logo a img{width: 70px;} */
    .head_wrap .lang .lang_btn img{width: 15px;}
    .head_wrap .lang .lang_btn span{margin-left: 5px;}

    
    .layerpopup .pop_wrap .pop_tit{font-size: 18px;}
    .layerpopup .pop_wrap .pop_close i{font-size: 25px;}
    .privacy .pop_wrap textarea{font-size: 14px;}


     /*footer*/
   
    .ft_contact .ft_contact_left p{font-size: 1.6rem;}
    .contact_form li .ip_comm{font-size: 1.6rem;}
    .ft_list .ft_info div{flex-direction: column;}
    .ft_list .ft_info div p:first-child{margin-right: 0;}
    .ft_list .ft_info p{margin-bottom: 7px; display: flex;}
    .ft_list .ft_info p em{width: 17%;}
    .ft_list .ft_info p em::after{right: 20px;}
    .ft_list .ft_info span{margin-bottom: 10px;}
.ft_logo_wrap .logo_lolling img{height: 6rem;}
.ft_top{margin: 100px 0 30px;}
.ft_contact .ft_contact_left h3{font-size: 2rem;}
.btn_sm{height: 60px;}
.new_contact .new_contact_inner::before{width: 300px;height: 300px;}

}
@media (max-width: 400px) { 

.ft_list .ft_info p em::after{display: none;}
}