/* 해쉬 클래스 */
.hash {width:100%; height:100%; z-index: 2000 }
.hash .bg {position:fixed; width:100%; height:100%; z-index: 101; opacity: 0.9; background: rgba(0,0,0,0.5);}

.hash .bg-left { position:fixed; top:0; left:-100%; transition: transform .3s ease; transform : translateX(0); }
.hash .bg-transform-left { transition: transform .3s ease; transform : translateX(100%); }
.hash .bg-right { position:fixed; top:0; left:0; transition: transform .3s ease; transform : translateX(100%); }
.hash .bg-transform-right { transition: transform .3s ease; transform : translateX(0); }

.hash-left { position:fixed; top:0; left:-100%; transition: transform .3s ease; transform : translateX(0); }
.transform-left { transition: transform .3s ease; transform : translateX(100%); }
.hash-right { position:fixed; top:0; left:100%; transition: transform .3s ease; transform : translateX(0);  }
.transform-right { transition: transform .3s ease; transform : translateX(-100%); }
.hash-top { position:fixed; top:0; left:0; transition: transform .3s ease; transform : translateY(-100%);  }
.transform-top { transition: transform .3s ease; transform : translateY(0); }
.hash-bottom { position:fixed; bottom:0; left:0; transition: transform .3s ease; transform : translateY(100%);  }
.transform-bottom { transition: transform .3s ease; transform : translateY(-100%); }

.hash-fade { position:fixed; top:0; left:100%; width:0; height:0; transition: opacity .3s ease-in-out; opacity:0;  }
.transform-fade { opacity:1; width:100%; height:100%; left:0; transition: opacity .3s ease; }

/*hash*/
#navtoggle{background: #fff;z-index: 102;position: fixed;max-width: 425px; width:100%; height: 100vh; overflow-y:auto; padding: 20px 40px;}
#navtoggle .close{float: none; display: flex; justify-content: right; margin-bottom:20px}
#navtoggle .tnb{ padding: 20px 0; display:flex; border-top:1px solid #eee; }
#navtoggle .tnb a{display:inline-block; text-align:center; font-size:0.9em; padding:0 5px; width:100%; border-right:1px solid #eee; }
#navtoggle .tnb a:last-child{border-right: 0;}
#navtoggle .tnb a i{display:block; font-size:2em; margin-bottom:10px;}

#navtoggle .hd_search{margin-bottom: 20px;}

#navtoggle #gnb{font-size: 1.1em; border-top: 1px solid #eee;}
#navtoggle #gnb a{display: block;}
#navtoggle #gnb a.new:after{content: ""; display: inline-block; width: 6px; height: 6px; background: #30b8e2; border-radius: 50%; vertical-align: top; margin-left: 2px;}
#navtoggle .gnb_1da{font-weight: 600; padding: 20px 0; border-bottom: 1px solid #eee; font-size: 1.1em;}
#navtoggle .gnb_1da.on{}
#navtoggle .gnb_2dul{display:none; background: #FBFBFB; border-bottom: 1px solid #eee; padding: 20px;}
#navtoggle .gnb_2da{padding: 5px 0px;}


@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 550px) {
	#navtoggle {
		padding: 10px 20px;
	}
}