html,body{height:100vh;overflow-x:hidden;}
body {font-family: 'Noto Sans KR';margin:0;padding:0;font-size:15px;position:relative;}
* {box-sizing:border-box;}

ul,dl {margin:0;padding:0;list-style:none;font-size:0px;}
li,dd,dt {font-size:1rem;}
a {text-decoration:none; font-size:0.85rem;}
.menu_btn {background-color:transparent;color:#fff;border:0;cursor:pointer;display:inline-block;}
.sideopen {position:fixed;width:50px; background-color:transparent;top:0px;right:0px; z-index:1; text-align:right; padding:0 5px;line-height:50px;}
.fixed {display:fixed;width:100%;height:100%;overflow:hidden;z-index:1;}
.close_btn {display:none; background-color:transparent;color:#fff; border:0; cursor:pointer; position:fixed; right:10px; top:10px;}
.sideBar_wrap {padding:1em;}
.sideBar ul {margin:0; padding:0;}
.sideBar ul li a {display:block; color:#fff;}
.fixed_bg {position:fixed;width:100%;height:100%; background-color:rgba(0,0,0,.7); z-index:99;display:none;}
.sideBar {position:fixed;width:80%; height:100%; overflow-y:auto; overflow-x:hidden; background-color:rgba(0,0,0,.5); z-index:100; top:0px; left:-100%;}
.title {position:relative;}
.title h3 {font-size:24px; color:#fff;}

.main_content {position:absolute !important;top:0px;left:0px;width:100%;height:calc(100vh - 60px);height:-webkit-calc(100vh - 60px);overflow: hidden;overflow-y: auto;}
.max_wrap {width:100%;max-width:800px;margin:0 auto;}
#contents .max_wrap  {max-width:1000px;}
#head {position:fixed;top:0;left:0;width:100%;z-index:10;height:50px;background-image:url(../images/headbar.jpg);background-repeat:no-repeat;background-size:contain;background-position:center center;background-color:#02a5ae;}
#foot {position:fixed;bottom:0;left:0;width:100%;z-index:10;background-color:#00477f;text-align:center;height:60px;box-shadow: -4px 0 6px rgba(0,0,0,1);}
.foot_gnb {display:inline-block;}
.foot_gnb li{display:inline-block;}
.foot_gnb li a {display:block;width:70px;position:relative;}
.foot_gnb li a:before {content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.3);}
.foot_gnb li a.on:before {content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-color:rgba(0,0,0,0);}
.foot_gnb li a img{display:block;width:100%;height:auto;}
.mobile_wrap {position:relative;}
.block-img{display:block;width:100%;height:auto;}
.content {position:absolute;width:100%;overflow-y:auto;height: calc(100vh - 110px);height: -webkit-calc(100vh - 110px);top: 50px;}
.sns_grp {padding-left:3rem;}
.sns_grp a {display:inline-block; width:30px;margin:.3rem;}


#foot.main_foot a{display:block; background-color:#00477f;height:60px;background-image:url(../images/go_mo.gif);background-repeat:no-repeat;background-size:contain;background-position:center center;}

@media (max-width:375px){
	#head  {height:50px;}
	#foot,#foot.main_foot a {height:50px;}
	.content {height: calc(100vh - 100px);height: -webkit-calc(100vh - 100px);top: 50px;}
}