@charset "utf-8";

html,body{background:#eee} 
.bold{text-transform: uppercase;font-weight:900;color:#333;font-size:18px;}
.size12{font-size:12px;}
.padding{height:10px;}
.line{margin:0 auto;width:55%;height:1px;background:#ddd;}
.red{color:#cc0000;}
a.box_wrap{display:block;}
hr{height:1px;border:0;background:#ddd}

/*html.open {
  overflow: hidden;
  }*/

  .btn {
    position: absolute;
    top: 5px;
    left: 0px;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-image: url("/m/images/ico_menu.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  .close {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 40px;
    height: 40px;
    background-image: url("/m/images/ico_close.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  #menu {
    position: fixed;
    top: 0px;
    left: -201px;
    z-index: 10;
    width: 200px;
    height: 100%;
    overflow-y:scroll; 
    border-right: 1px solid #ddd;
    background-color: white;
    text-align: center;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
  }

  #menu.open {
    left: 0px;
  }

  .page_cover.open {
    display: block;
  }

  .page_cover {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 4;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }


  /*좌측메뉴오픈관련 끝*/
  #header{position: relative;z-index: 1}
  #header #head{background:#fff;}
  #header #head .logo{text-align:center;}
#header #head .logo a{display:block;margin:0 auto;width:225px;color:#fff;text-align:center;padding-top:5px;}
#header #head .logo a img{width:100%;}

  /*헤더 메뉴부분*/
  #lnb{padding:0 10px;height:34px;border-bottom:1px solid #ddd;background:#fff}
  #lnb ul li{text-align:center}
  #lnb ul li a{display:block;font-size:14px;line-height:34px;}
  #lnb ul li a.active span{border-bottom:3px solid #3f51b5;padding-bottom:3px;}
  #lnb ul li .sub{background:#fff;margin-top:10px;padding:10px 0;border:1px solid #ddd;overflow:hidden;}
  #lnb ul li .none{height:0!important;border:0!important;padding:0!important;}
  #lnb ul li .sub li a{font-size:11px;display:block;}
  #lnb ul li .sub li a span{border:none!important;}

  /*사이드 메뉴부분*/
  #snb ul li.index0 a{display:block;overflow:hidden;margin:0;padding:0;height:120px;border:0;background:#fff;color:#fff;text-align:center;text-indent:0;font-weight:900;font-size:18px;line-height:155px;}
#snb ul li.index0 a img{width:80%;}
#snb ul li .active{color:#ff803d;font-weight:bold;}
  #snb ul li a{display:block;padding:10px 0;border-bottom:1px solid #ddd;text-align:left;text-indent:10px;font-size:14px;}
  #snb ul li .sub{display:none;}
  #snb ul li .sub li a{background:#f5f7f9;font-size:12px}


  #footer{background:#333;padding:20px;text-align:center;font-size:10px;color:#fff;}
  #footer a{color:#fff;}
  .frsofa_02{display:none;}
  .g_map{overflow:hidden}