@charset "utf-8";
#menu_wrap{ width:100%; clear:both; height:50px; position:fixed; z-index:12; top:0; }
#menu_bak{ width:300px; height:100%; background-color : #eeeff3; position: absolute; box-shadow: 5px 0px 5px rgba(131, 131, 131, 0.3); z-index:1; }
.open { overflow: hidden; }
.m_btn { width: 50px; height: 50px; position: absolute; left : 5px; top:17px; z-index: 1;  background-image: url("../img/m_fullmenu.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.m_btncall { width: 50px; height: 50px; position: absolute; right : 10px; top:0px; z-index: 1; cursor: pointer; padding-top:15px; padding-left:15px;}


/*.m_tmenu{height:30px; width:100%; margin:0 auto; text-align:center; position:relative; padding-top:7px; background:#fff; border-top:1px solid #ddd;}*/
.m_tmenu{height:30px; float:right; position:relative; padding-top:6px; margin-right:5px;}
.m_tmenu > ul > li{display:inline-block;}
.m_tmenu > ul > li > a{font-size:12px;}
.m_tmenu > ul > li > span{color:#ccc; padding-left:3px; padding-right:1px;}

.menu_tit{ height:80px;float:center; width:100%; text-align:center; background-color:#fff; padding-top:10px; transition: all 0.7s ease .1s;}
.menu_tit > a{ font-size:20px; font-weight:30px; }
.close { width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url("images/close.png"); background-size: 60px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index:11;}
.close_tit {font-family:'NanumBarunGothic700','맑은고딕', 'Malgun Gothic', '돋움', Verdana; text-align:left; color: #ffffff; font-size: 19px; line-height:24px; padding:7px; padding-left:15px; width: 246px; height: 60px; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index:11; background-color:#35a7e3; }

#menu_btn { width: 300px; /*365px*/ height: 100%; position: fixed; top: 0px; left: -365px; z-index: 10; 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_btn.open { left: 0px; }
.page_cover.open { display: block; }
.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 4; display: none; }
#mobile_menu{ display:block; height:100%; background-color: #f1f1f1;  overflow-y: scroll;}

/* 900이상 큰 메뉴*/
@media screen and (min-width: 1230px) {
	#mobile_menu{ display:none; }
	.m_btn, .close, .menu_tit{ display:none; }
	#menu_btn{ display:block; left:0px; }
	#menu_wrap{ height:0px; }
	#menu_wrap{display:none;	}
}
@media screen and (max-width: 1229px) {
	#mobile_menu{ display:block;  }
	#menu_btn { width: 300px; left: -300px; }
	#menu_wrap{display:block;	}
    .menu_tit{display:block;}	
}

/************/
.fa-chevron-up:before{content:"∨"}
.fa-chevron-down:before{content:"∨"}
.mb_menu { width: 100%; max-width: 360px; margin: 60px auto 20px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.mb_menu .menu_link { cursor: pointer; display: block; padding: 15px 0px 15px 0px; color: #4D4D4D; font-family:'NanumSquareB','맑은고딕', 'Malgun Gothic', '돋움', Verdana; font-size: 17px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.menu_link{ background-color: #f1f1f1; margin-top:-1px;}
.etcbg{background:#d8e8f1;}

.mb_menu li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.mb_menu li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; font-style:normal; }
.mb_menu li.open .menu_link { color: #025042; }
.mb_menu li.open i { color: #493d3a; }
.mb_menu li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/** Submenu
 -----------------------------*/
.submenu { display: none; background: #ffffff;}
.submenu > li {  text-align:left; background:url('images/dot.png') no-repeat left 20px; padding-left :20px;}
.submenu > li a {  display: block; text-decoration: none;  color: #555555; padding: 10px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;  font-size: 16px; font-weight:bold; }
.submenu > li a:hover {color: #025042; font-weight:bold;}
.submenu > li > ul >li{text-align:left; background:url('../img/loc_section.jpg') no-repeat left 5px; padding-left :15px; margin-left:20px;}
.submenu > li > ul >li a {display: block; text-decoration: none;  color: #555555; padding: 12px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size:16px; }
.submenu > li > ul >li a:hover{ background:none; color: #025042; }


/*
	아이콘

#mb_menu > li:nth-child(1) > div > i.fa.fa-database:before{
	content: "";
	background : url(../_main/img/mblit_01.png)  no-repeat center center;
	position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
} */
#mb_menu > li > div > i.fa.fa-database:before{
	content: "";
	background : url(../_main/img/mblit_02.png)  no-repeat center center;
	position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
/*
#mb_menu > li:nth-child(3) > div > i.fa.fa-database:before{
	content: "";
	background : url(../_main/img/mblit_03.png)  no-repeat center center;
	position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
*/