@charset "utf-8";

html,body{background:#eee} 
.bold{text-transform: uppercase;font-weight:900}
.size12{font-size:12px;}
.padding{height:10px;}
.line{margin:0 auto;width:55%;height:1px;background:#ddd;}
.red{color:#aaa;}
.gray{color:#666;}
a.box_wrap{display:block;}
hr{height:1px;border:0;background:#ddd}

/*html.open {
  overflow: hidden;
  }*/

  .btn {
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
    width: 80px;
    height: 80px;
    background-image: url("/m/images/ico_menu.png");
    background-position: center;
    background-size: 75%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top:5px;
  }

  .close {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    background-image: url("/m/images/ico_close.png");
    background-position: center;
    background-size: 75%;
    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{height:120px;background:#fff;}
  #header #head .logo{height:120px;text-align:center;line-height:120px; background-image: url(/m/images/header_bg.jpg); background-size: cover; background-position: center center;}
  #header #head .logo a{display:block;margin:0 auto;width:141.5px;height:120px;color:#fff;text-align:center;font-weight:900;font-size:18px;line-height:120px; padding-top: 20px;}
#header #head .logo a img{}

  /*헤더 메뉴부분*/
  #lnb{padding:0 10px;height:34px;background:#0086cf}
  #lnb ul li{text-align:center}
  #lnb ul li a{display:block;font-size:14px;line-height:34px;color:#fff;}
  #lnb ul li a.active span{border-bottom:3px solid #fff;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;color:#555;}
  #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;border-bottom:2px solid #0086cf;color:#fff;text-align:center;text-indent:0;font-weight:900;font-size:18px;line-height:120px;}
  #snb ul li .active{color:#0086cf;font-weight:bold;}
  #snb ul li a{display:block;margin:0 10px;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:#fafafa;text-indent:20px;font-size:12px}
.index0 a img{margin-top:36.8px;}

  #footer{background:#fff;margin-top:10px;border-top:2px solid #0086cf;padding:20px;text-align:center;font-size:10px;}

  .frsofa_02{display:none;}
  .g_map{overflow:hidden}



  /*김설리 추가 카톡*/
  #kakao{position: fixed;right:15px; width:50px; top:10px; height: 50px;}
  #kakao a{display: block; width:50px; height: 50px; margin-bottom: 5px;}
  #kakao img{width:100%;}