@charset "utf-8";

html,body{background:#eee} 
a,p,span{font-family :'nanumbrush','Noto Sans KR',"Dotum","돋움",sans-serif; color:#333; }
.bold{text-transform: uppercase;font-weight:900}
.nobold{font-weight:300}

.size18{font-size:18px;}
.size16{font-size:16px;}
.size13{font-size:13px;}
.size12{font-size:12px;}
.size11{font-size:11px;}
.size9{font-size: 9px;}

.lh20{line-height: 20px;}

.padding{height:10px;}

.line{margin:0 auto;width:55%;height:1px;background:#ddd;}

.red{color:#0066b1;}
.blue{color: #0066b1;}
.white{color: #fff;}

.center{ text-align: center; }
.graybox{ display: block; width: 80%; padding: 20px 10%;background: #fafafa; border: 1px solid #ddd;}

a.box_wrap{display:block;}
hr{height:1px;border:0;background:#ddd}
.p_circle{ display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin-right: 5px; background: #1a2792;}

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

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

  .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:90px;background:#fff;}
  #header #head .head_top{ height: 30px; width: 100%; background:#0066b1;}
  #header #head .head_top a{ display: block;float: right;margin-right: 10px; color: #fff; font-size: 13px; line-height: 30px; }
  #header #head .head_top a span{ color: #f7f8f9; }
  #header #head .logo{height:40px;text-align:center;line-height:40px; padding-top: 14px;}
  #header #head .logo a{display:block;margin:0 auto;width:100px;height:40px;color:#fff;text-align:center;font-weight:900;font-size:18px;line-height:40px;}

  /*헤더 메뉴부분*/
  #lnb{padding:0 10px;height:34px;border-bottom:1px solid #ddd;background:#fff; border-top:1px solid #fafafa;}
  #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 #0066b1;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;}
  #lnb .bank{display: none;}


/*한줄추가*/

#lnb .bx-viewport{
  height:auto !important;
}

  /*사이드 메뉴부분*/
  #snb ul li.index0 a{display:block;overflow:hidden;margin:0;padding:0;height:120px;border:0;background:#0066b1;color:#fff;text-align:center;text-indent:0;font-weight:900;font-size:18px;line-height:120px;}
  #snb ul li .active{color:#0066b1;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:#f5f7f9;text-indent:20px;font-size:12px}
  #sub .bank{display: block; padding: 10px 0px;}  
  #sub .bank img{ margin: 10px; auto; width: 50%; }


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

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