@charset "utf-8";
#wrap	{width:100%;overflow:hidden;min-height:100%;min-width:320px;position:relative;word-break:keep-all}

/****** 공통 ******/
/* header */
#header { width:100%;}
#nav { width:100%;height:160px; }

.menu-mobile { display:none; }
#contents_m { display:none; }
#footer_m { display:none; }
/* footer */
#footer {  position:relative;width:100%;background:#333333;height:auto;padding:40px 0 40px; }
#footer ul li {  height:30px; color:#ffffff; font-size:14px; text-align:center; }
#footer ul li a {  color:#ffffff; font-size:14px; }

@media screen and (min-width:691px) and (max-width:999px) {

/* header */
#header { width:100%;}

#nav { display:none; }
.menu-mobile
{ position:relative; top: 0; left: 0; width: 100%;z-index: 6000; display: block; }
.menu-mobile .wrapper { background-color: #ffffff; height: 122px;position:relative; }
.menu-mobile .wrapper .top { background-color: #333333; height: 35px;position:relative; }
.menu-mobile #bt-menu-mobile { position:absolute;right:20px;top:50px;width:45px;height:45px;overflow:hidden;background:url('img/bt_mobile_tg.png') 0 0 no-repeat;border:0px; }
.menu-mobile .wrapper h1 { float:left;padding-top:0px;padding-left:20px;z-index:10 }
#wrapper-menu-mobile
{  position: fixed; width: 100%; height: 100%; top: 0; left: 100%; background:rgba(0,0,0,.8); }
#wrapper-menu-mobile ul li { border-bottom:1px solid #c9c9c9; }
#wrapper-menu-mobile ul li a { color:#373737;display:block;line-height:55px;text-indent:15px;font-size:17px;letter-spacing:-1px; }
#wrapper-menu-mobile ul li a:hover { color:#fff;font-weight:600;text-decoration:none;background:#06377a; }
#wrapper-menu-mobile .wrapper
{ 
  position: absolute; 
  height: 100%; 
  width: 280px; 
  background-color: #ffffff;
  right: -100%; 
  z-index: 10;
}

.menu-mobile .block-menu-mobile
{ 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  background-color: transparent;
}

#navigation_mobile { position:absolute;width:280px;height:170%;min-height:170%;background:#fff;right:0;top:-20px;z-index:30;display:inline;z-index:5;}
#navigation_mobile .navigation_mobile_top { padding:10px;background:#06377a;min-height:80px;overflow:hidden;box-sizing:border-box;width:100%;}
#navigation_mobile .navigation_mobile_top ul{padding-top:70px}
#navigation_mobile .navigation_mobile_top li{float:left;width:30%;padding:0 1%;border-bottom:0;}
#navigation_mobile .navigation_mobile_top li a span { float:left;padding:0;margin:0;height:35px;font-size:13px;line-height:30px;letter-spacing:-1px;display:inline-block;text-indent:0;border:1px solid #e6fef3;color:#fff;text-align:center;width:100%;border-radius:20px}
#bt-fechar-menu .btn_close{ z-index:9999;position:absolute;width: 58px;height: 51px;top:25px;right:0px; }
#bt-fechar-menu { border:0px;position:absolute;width: 58px;height: 51px;top:25px;right:0px;background: url('img/bt_moblie_close.png') no-repeat 0 0; }



#contents { display:none; }
#contents_m { display:block; }

#footer { display:none; }
#footer_m { display:block; }
/* footer */
#footer_m {  position:relative;width:100%;background:#333333;height:auto;padding:30px 0 30px; }
#footer_m ul li {  height:24px; color:#ffffff; font-size:14px; text-align:center; }
#footer_m ul li a {  color:#ffffff; font-size:14px; }
	}



@media screen and (max-width:690px){

/* header */
#header { width:100%;background:#fff;}

#header .utile { display:none }

#nav { display:none; }
.menu-mobile
{ position:relative; top: 0; left: 0; width: 100%;z-index: 6000; display: none; }
.menu-mobile .wrapper { background-color: #ffffff; height: 122px; }
.menu-mobile .wrapper .top { background-color: #333333; height: 35px;position:relative; }
.menu-mobile #bt-menu-mobile { position:absolute;right:20px;top:50px;width:49px;height:44px;overflow:hidden;background:url('img/bt_mobile_tg.png') 0 0 no-repeat;border:0px; }
.menu-mobile .wrapper h1 { float:left;padding-top:0px;padding-left:20px;z-index:10 }
#wrapper-menu-mobile
{  position: fixed; width: 100%; height: 100%; top: 0; left: 100%; background:rgba(0,0,0,.8); }
#wrapper-menu-mobile ul li { border-bottom:1px solid #c9c9c9; }
#wrapper-menu-mobile ul li a { color:#373737;display:block;line-height:55px;text-indent:15px;font-size:17px;letter-spacing:-1px; }
#wrapper-menu-mobile ul li a:hover { color:#fff;font-weight:600;text-decoration:none;background:#06377a; }
#wrapper-menu-mobile .wrapper
{ 
  position: absolute; 
  height: 100%; 
  width: 280px; 
  background-color: #ffffff;
  right: -100%; 
  z-index: 10;
}

.menu-mobile .block-menu-mobile
{ 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  background-color: transparent;
}

#navigation_mobile { position:absolute;width:280px;height:170%;min-height:170%;background:#fff;right:0;top:-20px;z-index:30;display:inline;z-index:5;}
#navigation_mobile .navigation_mobile_top { padding:10px;background:#06377a;min-height:80px;overflow:hidden;box-sizing:border-box;width:100%;}
#navigation_mobile .navigation_mobile_top ul{padding-top:70px}
#navigation_mobile .navigation_mobile_top li{float:left;width:30%;padding:0 1%;border-bottom:0;}
#navigation_mobile .navigation_mobile_top li a span { float:left;padding:0;margin:0;height:35px;font-size:13px;line-height:30px;letter-spacing:-1px;display:inline-block;text-indent:0;border:1px solid #e6fef3;color:#fff;text-align:center;width:100%;border-radius:20px}
#bt-fechar-menu .btn_close{ z-index:9999;position:absolute;width: 58px;height: 51px;top:25px;right:0px; }
#bt-fechar-menu { border:0px;position:absolute;width: 58px;height: 51px;top:25px;right:0px;background: url('img/bt_moblie_close.png') no-repeat 0 0; }

.col-xs-hide{ display:none !important;}
.col-xs-show{ display:block !important;}

#contents { display:none; }
#contents_m { display:block; }

#footer { display:none; }
#footer_m { display:block; }
/* footer */
#footer_m {  position:relative;width:100%;background:#333333;height:auto;padding:30px 0 30px; }
#footer_m ul li {  height:24px; color:#ffffff; font-size:14px; text-align:center; }
#footer_m ul li a {  color:#ffffff; font-size:14px; }

	}