@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Titillium+Web:300,400,600&display=swap');
.normal     { font-weight: 400 }
.bold       { font-weight: 700 }
.bolder     { font-weight: 800 }
.light      { font-weight: 300 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf), format('opentype');
}

/* 초기화 */
body ,
body * {margin:0;padding:0;font: 15px/18px 'Noto Sans KR', 'NanumSquare', sans-serif;list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input[type="submit"]{cursor:pointer}
button {cursor:pointer;border:0;background:none;}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

#header{ position: fixed; z-index: 2000; width: 100%; height: 100px;max-width: 1920px;margin: 0 auto;transition: 0.3s}
#header.on, #header:hover{background: #fff}
/* #header.on{background-color: rgba(255,255,255,1);border-top: 10px solid #014099;box-sizing: border-box;} */
#header .gnb{ transition: 0.5s; height: 70px; }
#header .gnb_Wrap{ width: 100%; margin: 0 auto; position: relative; }
#header .h_top{position: absolute; height: 100%;width: 100%}
#header .h_top a {display: block;padding-top: 30px;text-align: center;width: 250px;height: 79px;transition: 0.3s}
/*#header.on .h_top a {background: #fff}*/
/* h1{position: relative;} */
#header .number{display: inline-block;position: absolute;top:0;left: 250px;top:20px;}
#header .number span{width: 110px;display: inline-block;;background: #1f285c;color: #fff;font-size: 20px;padding: 10px 0;text-align: center;margin-right: 10px;}
#header .number{font-size: 20px;color: #1f285c;font-weight: 600}
 #header.on h1.show{display: block}
#header .h_top .contact{ position: absolute; top: 40px; right: 0; }
#header .h_top .contact ul{ overflow: hidden; }
#header .h_top .contact ul li{ float: left; }
#header .h_top .contact ul li a{ color: #fff; font-size: 18px; }
/* #header .h_top .contact ul li:hover a {color: #3bd437} */
/* #header .h_top .contact ul li:hover */
#header .h_top .contact ul li:first-child a{ font-weight: 700; padding-right: 24px; position: relative; }
#header .h_top .contact ul li:first-child a:after{ content: ""; width: 1px; height: 16px; background-color: rgba(90,110,73,0.5); position: absolute; right: 10px; top: 1px; }
/* #header.on .main_menu{float: right;}
#header.on .main_menu > li > a{color: #fff} */
#header .sub_m{ position: fixed; width: 100%; background:#f7f7f7; background-size: 40% 40%; left: 0; top: 100px; border-top: 2px solid #535353; border-bottom: 2px solid #dee6e8;  }
#header .s_inner{ width: 1400px; margin: 0 auto; overflow: hidden; }
#header .s_inner ul{width: 50%;margin: 0 auto}
#header .s_inner ul li{float: left;;text-align: left;padding-right: 0px !important;position: relative}
#header .s_inner ul li a{display: inline-block;padding-right: 50px;color: #fff}
#header .s_inner ul li a:after{content: '';display: inline-block;width: 1px;margin-left: 20px;height: 10px;background: #9f9f9f;}
#header ul.main_menu > li > ul{display: none;height: 178px;width: 100%; height: 140px;box-sizing: border-box;padding-top: 20px;margin-top: -5px;position: absolute;left: 50%; margin-left: -90px; width: 190px}
#header:hover ul.main_menu > li > ul{display: block}
#header ul li ul li a{display: block;width: 100%;text-align: center;color: #cccccc;padding:8px 0;font-size: 16px;display: inline-block;position: relative}
/*#header ul li ul li a:before{content: '';display: block;width: 30px;height: 5px;background: url(/img/common/menu_left.jpg);left: 0;position: absolute;top:15px;}*/
/*#header ul li ul li a:after{content: '';display: block;width: 30px;height: 5px;background: url(/img/common/menu_right.jpg);right: 0;position: absolute;top:15px;}*/
/*#header ul li ul li a:before,#header ul li ul li a:after{opacity: 0;transition: 0.3s}*/
/*#header ul li ul li:hover a:before,#header ul li ul li:hover a:after{opacity: 1}*/
#header .sub_m img,#header .sub_m span{display: block}
#header .sub_m img{margin: 0 auto}
#header .sub_m ul li a{display: block;padding: 28px 0;font-size: 16px;padding-left: 20px}
#header .sub_m ul li:hover a span{color: #04dc6c;font-weight: 600}
#header .sub_m a span{color: #fff;margin-top: 20px;font-size: 16px;font-weight: 300}
#header .s_inner .sm_title{ float: left; background-color: #f0f2f5; text-align: left; padding: 41px 0; padding-right: 0; border-right: 1px solid #e5e5e5; min-width: 272px; max-width: 272px; }
#header .s_inner .sm_title strong{ font-size: 30px; font-weight: 300; color: #333333; letter-spacing: -1px; line-height: 30px; display: inline-block; padding: 8px; background-image: url('/img/common/sm_title_bg01.png'), url('/img/common/sm_title_bg02.png'); background-repeat: no-repeat; background-position: top left, bottom right; }
#header .s_inner .sm_title em{ display: block; font-size: 15px; line-height: 26px; font-weight: 300; letter-spacing: -1px; color: #545454; padding-left: 8px; margin-top: 20px; }

#header .sm02 .menu_list ul li a{ padding-top: 30px; }
#header .sm02 .menu_list ul li i{ margin-bottom: -5px; }

/* #header .main_wrap{ width: 100%; height: 100px; } */
/* #header .main_menu{ width: 840px; margin: 0 auto;  } */
#header .main_wrap{width: 1780px;margin: 0 auto}
#header .main_wrap::after{content: '';display: block;clear: both}
#header .main_menu > li{ float: left;text-align: center; position: relative; }
/* #header .main_menu > li.roboi{ float: left; width: 10.5%; text-align: center; position: relative; } */
/*#header .main_menu > li:nth-child(2) a{width: 190px; }*/
#header .main_menu{float: right}
#header .main_menu > li > a{ font-size: 19px; color: #fff; display: block; padding: 0 30px;letter-spacing: -0.25px; line-height: 100px; }/* #header .h_top .contact ul li:hover a {color: #3bd437} */
#header .main_menu > li:nth-child(2) > a{line-height: 25px; padding: 24.5px 14.5px; }
#header.on .main_menu > li > a{color: #333}
#header .main_menu > li:hover ul{display: block;}
#header .main_menu > li:hover ul li:hover a {color: #fff}
#header .main_menu > li:hover > a{ color: #333; }/* #header .h_top .contact ul li:hover a {color: #3bd437} */
#header:hover .main_menu > li > a{ color: #333; }
/*#header .main_menu > li:last-child > a{padding-right: 0}*/
#header .main_menu > li > span{display: none;margin: 0 auto;width: 44px;background: url(/img/common/m_ho.png);height: 20px;position: relative;top:-3px;z-index: 9}
/* #header .main_menu > li:hover > span{display: block;margin: 0 auto;width: 44px;height:20px;position: fixed;top:10px;z-index: 9;margin-left: 60px;} */



#header .gnb .bg{position: absolute; height: 170px;width: 100%; background: #164365;opacity: 0.9; top: 99px; display: none}
#header:hover .gnb .bg{display: block}
#header .gnb_Wrap button.search{float: left;display: inline-block;width: 32px; height: 27px;margin-left: 5px;position: relative; left: 5px; top: -1px;}
#header .gnb_Wrap { border-bottom: 1px solid rgba(255,255,255,0.5);height: 100px;position: relative}
#header .gnb_Wrap button.m_search{display: none}
#header .gnb_Wrap button.mobile{ width: 32px; height: 27px; background: url('/img/common/all_menu_icon.png') center center no-repeat; background-size: 100% 100%; position: absolute; right: 20px; top: 38px; }
#header .gnb_Wrap button.web{ display: block; }
#header .gnb_Wrap button.mobile{ display: none; }

/* #header .gnb_Wrap h1 img.hover_img{ display: none; } */
#header .login{float: right;margin-right: 50px;}
#header .login li{float: left}
#header .login li a{display: block;padding:45px 0;font-size: 14px;color: #cdcdcd;padding-left:10px;}
#header.on .login li a{display: block;padding:55px 0;padding-top: 40px;color: #333}
#header .login li a:after{content: '';width: 1px;height: 10px;background: #cdcdcd;display: inline-block;margin-left:10px;}
#header.on .login li a:after{content: '';width: 1px;height: 10px;background: #cdcdcd;display: inline-block;margin-left:10px;margin-right: 10px;}
#header .login li:last-child a:after{content: '';display: none;}
#m_menu .close { width : 50px; height : 50px; position : absolute; right : 0px; top : 10px; z-index : 1; background-image : url("/img/common/btn_close_all.png"); background-size : 40%; background-repeat : no-repeat; background-position : center; cursor : pointer; }
#m_menu{ width : 300px; height : 100%; position : fixed; top : 0px; right : -100%; z-index : 10; background : #fff url(/img/common/menu_bg.png) no-repeat 90% 90%; text-align : left; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.5s ease; }
#m_menu.open { right: 0; }
#m_menu .lang{color: #fff;width:100%;margin: 0 auto;margin-top: 70px;}
#m_menu .lang > a{color: #fff;display: inline-block;width: 30%;margin: 0 auto;text-align: center}
/* #m_menu .lang > a.kor:after{content: "    /"} */


#m_menu .m_list{ padding: 30px 0; padding-top: 100px;}
#m_menu .m_list > li{ padding: 0px;padding-left: 40px;}
#m_menu .m_list > li:last-child{ border-bottom: 1px solid rgba(255,255,255,0.1); }
#m_menu .m_list > li > a{display: block;font-size: 14px;padding:25px 20px; color: #444;font-weight: 300;letter-spacing: -0.5px;font-size: 16px;padding-left: 0}
#m_menu .m_list > li > a:hover span{font-weight: 700}
#m_menu .m_list > li > ul{ display: none; }
#m_menu .m_list > li > ul.on{display: block}
#m_menu .m_list > li.last-child{padding: 25px 0!important}
#m_menu .m_list > li ul li a{display: block;font-size: 14px; color: #444;font-weight: 300;letter-spacing: -0.5px;padding: 10px;text-align: left}

#ft {background:#131f27;padding: 50px 0;padding-top: 0;position: relative}
#ft:before{content: '';display: block;height: 190px;background: #5a6368;top: 0;left: 52px;width: 1px;position: absolute}
#ft .quick{background: #131f27;margin-bottom: 50px;}
#ft .quick:after{content: '';display: block;clear: both}
#ft .quick .name{float: left;text-align: right;padding-right: 40px;}
#ft .quick .name:after{content: '';display: inline-block;width: 40px;height: 16px;background: url(../img/main/bottom_arrow.png);position: relative;left: 60px;}
#ft .quick .name strong{line-height: 90px;font-size: 22px;color: #ffffff;}
#ft .quick .name{width:  20%;height: 65px;background: #023274}
#ft .quick ul li{float: left}
#ft .quick ul{border-bottom: 1px solid #2b363d;width: 80%}
#ft .quick ul li:first-child a{background: none;color: #fff;position: relative;padding-left: 60px;}
#ft .quick ul li:first-child a:before{content: '';display: block;position: absolute;left: 0;width: 35px; height: 5px; background: url(/img/common/btm_deco.png);top:50%;margin-top: -2.5px;}
#ft .quick ul li a{line-height: 65px;color: #cdd1d5;font-size: 16px;box-sizing: border-box;display: block;padding-left: 40px;transition: 0.3s}
#ft .quick ul li:hover a{color: #fff}
#ft .quick ul li a{background: url(../img/main/plus.png) no-repeat 90% 50%}
#ft .quick ul li:hover a{background: url(../img/main/plus.png) no-repeat 92% 50%}
#ft .quick ul li:first-child:hover a{background: none}
#ft .quick ul{float: left}
#ft .quick ul:after{content: '';display: block;clear: both}
.ft_wr{background:#121212;color:#555;text-align:center;padding:40px 20px}
.ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft .ft_inner:after{content: '';display: block;clear: both}
#ft .ft_inner > *{float: left}
#ft .ft_inner > img{display: block;margin-top: 25px;margin-right: 40px}
#ft .ft_inner{margin: 0 auto;position: relative;padding-left: 100px;}
#ft .ft_inner p{color: #9baab5;font-size: 15px;letter-spacing: -0.1px;line-height: 32px;font-weight: 300}
#ft .ft_inner p span{display: inline-block;width: 15px;height: 1px;background: #9baab5;vertical-align: top;margin: 0 20px; margin-top: 15px;}
#ft .ft_inner p em{display: inline-block;font-weight: 300;width: 410px;}
#ft .ft_inner address{color: #595d61;font-size: 14px;line-height: 32px;font-style: normal;font-weight: 300;letter-spacing: 0-0.5px;position: absolute;bottom: 0;right: 60px}
.ft_info{margin:0 auto;max-width:1200px;padding:40px 10px}
.ft_info:after {display:block;visibility:hidden;clear:both;content:""}
.ft_info .lt{float:left;width:50%;padding:20px}
#ft_contact{float:left;width:50%;;padding:20px;color:#fff}
#ft_contact h2{;font-size: 1.154em;margin-bottom:20px}
#ft_contact i{width:25px;color:#fa576b;line-height:30px;background:#222;position:relative;z-index:2}
#ft_contact li:after {display:block;visibility:hidden;clear:both;content:""}
#ft_contact .time{position:relative}
#ft_contact .time:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px ;background-image: linear-gradient(90deg, #666 25%, #222222 25%, #222222 50%, #666 50%, #666 75%, #222222 75%, #222222 100%);
background-size: 8.00px 8.00px;;z-index:0}
#ft_contact .text{background:#222;padding-right:10px;z-index:2;display:inline-block;line-height:30px;position:relative}
#ft_contact .num{background:#222;float:right;padding-left:10px;z-index:2;display:inline-block;line-height:30px;position:relative}
#ft_contact  a{display:block;text-align:center;background: #fa576b;
color: #fff;margin-top:20px;line-height:45px;
font-weight: 600;}

#top_btn{position:fixed;bottom:20px;right:20px;width:50px;height:64px;background:#121418;border:0;z-index:999;color:#fff;transition: opacity 0.2s ease-out;;}
#top_btn.show {opacity: 1;}

.m_sub_menu:after{content: '';display: block;clear: both}
.m_sub_menu ul:after{content: '';display: block;clear: both}
.m_sub_menu li {width: 100%;float: left;display: inline-block;box-sizing:  border-box;background: #fff}
.m_sub_menu li a span,.m_sub_menu li a img{display: block;text-align: center;margin: 0 auto;}
/* .m_sub_menu li a img{width: 30px;} */
.m_sub_menu li a span{margin-top: 15px;}
.m_sub_menu li a{height: 100%;display: block;width: 100%;color: #000 !important;padding: 15px 20px;text-align: left !important;padding-left: 20px !important;}
.gbal{position: absolute;z-index: 5;right: 100px;top:40px;}
.gbal button{ color: #fff; font-size: 16px; padding-right: 15px; margin-bottom: 5px; }
.gbal button img{ position: relative; top: 4px; margin-right: 5px; }
.gbal ul{ display: none; }
.gbal ul li{ background-color: #414141; }
.gbal ul li:hover{ background-color: #515151; }
.gbal ul li a{ display: block; text-align: center; color: rgba(255,255,255,0.8); padding: 5px 0;  }
/* .gbal select{color: #fff;background: none;border: none;vertical-align: top;margin-left: 5px;}
.gbal select option{background-color: none;border: none;} */
.subNavBg{ width: 100%; min-width: 1200px; height: 45px; background-color:#f7f7f7; position: absolute; left: 0; top: 134px; z-index: 100; box-sizing: border-box; }

#m_menu{display: none}
 /* #footer {position: relative;top:-20px} */
.gbal{

    overflow: hidden;

    background: url('/img/common/down.png') right 10px no-repeat;

    background-size: 7px 4px;

}

/* .gbal select{

    width: 50px;
    border-radius: 0;

    background: transparent;

    background: -webkit-linear-gradient(transparent, transparent); //사파리 그라디언트 없애줌

    -webkit-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;


} */

select::-ms-expand {display:none}
 #footer .inner{width: 1400px;margin: 0 auto;}
/* #footer .inner{position: relative;} */
.ft_logo{float: right;position: relative;top:-30px;}

#footer{position: relative}
#footer .family{position: absolute; right: 75px; top: 10px; z-index: 100; }
#footer .family div{position: relative}
#footer .family button{width: 250px; height: 45px; border: 1px solid #72818b;text-align: left; color: #9baab5; font-size: 16px; padding-left: 20px; background: url(/img/common/family_bg.jpg) right center no-repeat}
#footer .family ul{position: absolute; width: 100%; border: 1px solid #72818b;border-top: none;background: #131f27;padding: 15px; display: none}
#footer .family ul.on{display: block}
#footer .family ul li a{display: block; color: #9baab5; font-size: 16px; letter-spacing: -0.5px; line-height: 30px;vertical-align: middle;}
#footer .family ul li a i{display: inline-block; vertical-align: middle; padding-left: 5px; }

@media (max-width: 1800px){
    #header .main_wrap{width: 100%;padding-right: 10px;}
}
@media (max-width: 1570px){
  #footer .inner{width: 100%;padding: 0px 20px !important;}

}
@media (max-width: 1400px){
  #header{height: 60px;}
	#header .gnb{height: 60px}
  #header .main_menu{ display: none;}
  #header .gnb_Wrap button.mobile{ display: block;top:0;  width: 32px;height: 100%;background: url(/img/common/all_menu_icon2.png);background-repeat: no-repeat;background-position: center}
	#header .gnb_Wrap button.mobile{right: 10px;}
  #header.on .gnb_Wrap button.mobile{ display: block;top:0px;  width: 32px;height: 100%;background: url(/img/common/all_menu_icon2.png);background-repeat: no-repeat;background-position: center}

/*  #header.on .h_top{left: 30px;top: 25px}*/
  #m_menu{display: block}
  h1.show{top:0px;opacity: 1;}
  #header.on h1.show{top:0px;opacity: 1;}

  .gbal{display: none}
  #header .login{display: none}
  .ft_logo{position: absolute;right: 20px}
	#header .h_top a{width: 160px;}
	#header .gnb_Wrap{height: 60px;}
	#header ul li ul li:hover a:before,#header ul li ul li:hover a:after{display: none}
	#header .h_top a{width: 150px}
	#header .h_top a{height: 60px;}
	#header .h_top a img{width: 100px}
	#ft .ft_inner address{position: static;text-align: center;display: block}
	#ft .ft_inner > *{float: none;text-align: center}
	#ft .ft_inner > img{display: block;margin: 0 auto;margin-top: -20px}
	#ft .ft_inner{padding-left: 0;padding-right: 0;}

}
@media (max-width: 1100px){
    #footer{height: auto;padding-bottom: 20px}
    #footer .inner > div {clear: both;width: 100%}
    #footer .family{right: 20px; }

}

@media (max-width: 960px){
    #footer .family{position: static; width: 80%; margin: 0 auto; position: relative; top: 0; left: 0; z-index: 2}
    #footer .family button{width: 100%; font-size: 13px; }
}
@media (max-width: 840px){
        .slick{height: 70px;}
        .slick span{margin-top: 33px}
	  #ft .ft_inner{padding-left: 0}
	#ft .ft_inner p{font-size: 11px;line-height: 20px;}
	#ft .ft_inner p i{display: block}
	#ft .ft_inner p span{display: none}
	#ft .ft_inner > img{width: 70px;}
	#ft .quick ul li:first-child a,#ft .quick ul li a{font-size: 12px;}
	#ft .quick ul li a{padding-left: 20px;}
	#ft .quick .name{width: 10%}
	#ft:before{display: none}
	#footer{padding-bottom: 0}
	#ft .quick ul{width: 89%}
	#ft .ft_inner address{font-size: 11px;}
	#ft .ft_inner p em{padding-left: 0;font-size: 11px;}
    #ft .ft_inner{padding-top: 40px; }
    #footer .family button{line-height: 35px; }
    #footer .family ul li a{font-size: 12px; line-height: 26px;}
    #footer .family ul li a i img{width: 60px; }
}
@media (max-width: 700px){
  #footer p{font-size: 12px}
  #footer span{float: right;font-size: 12px;}

}
@media (max-width: 660px){
    #footer .inner > p{width: 100%;clear: both;text-align: center;}
    #footer .inner strong {width: 100%;clear: both;text-align: center;}
    #footer .inner > p{font-size: 12px}
    #footer .inner > p span{font-size: 12px}
    #footer .inner strong em{font-size: 20px}
    #footer .inner > div img{width: 200px}
}
@media (max-width: 640px){
  #footer p{font-size: 12px}
  #footer span{float: none;font-size: 12px;}
  #footer .btn_top{display: none;position:;z-index: 444;bottom:10px;right:10px;}
  #footer .btn_top img{width: 50px;}
   .ft_logo{position: static;text-align: center;display: block;margin: 0 auto;width: 194px;margin-top: 30px;}
   .main_visual .main_slider .slide_box .in_obj img{width: 180px}
   .main_visual .main_slider .slide_box .box2 .in_obj img{width: 230px}
   #header .number span{font-size: 13px;width:70px;padding: 5px 0}
   #header .number{font-size: 13px;left: 110px;}
   #header .h_top a img{width: 70px;}
	#header .h_top a{width: 100px}
	#header .h_top a{height: 60px;}
	#ft .ft_inner p em{width: auto}


}
@media (max-width: 640px){
  #footer {text-align: center}
}
@media (max-width: 540px){
    .main_visual .main_slider .slide_box .in_obj img{width: 210px}
    .main_visual .main_slider .slide_box .box2 .in_obj img{width: 240px}
	#m_menu .m_list > li > a{padding: 20px;font-size: 18px;padding-left: 0}
}