       @font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 300;
  src: url('font/KoPubDotumLight-compact.eot');
  src: url('font/KoPubDotumLight-compact.eot?#iefix') format('embedded-opentype'),
       url('font/KoPubDotumLight-compact.woff') format('woff'),
       url('font/KoPubDotumLight-compact.ttf') format('truetype');
}
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 400;
  src: url('font/KoPubDotumMedium-compact.eot');
  src: url('font/KoPubDotumMedium-compact.eot?#iefix') format('embedded-opentype'),
       url('font/KoPubDotumMedium-compact.woff') format('woff'),
       url('font/KoPubDotumMedium-compact.ttf') format('truetype');
}
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 700;
  src: url('font/KoPubDotumBold-compact.eot');
  src: url('font/KoPubDotumBold-compact.eot?#iefix') format('embedded-opentype'),
       url('font/KoPubDotumBold-compact.woff') format('woff'),
       url('font/KoPubDotumBold-compact.ttf') format('truetype');
}
	   *{margin:0;padding:0;}
		html,body{width:100%;height:100%;}
		body{height:100%;font-size:14px ;letter-spacing:-1px;font-family:"KoPub Dotum","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5em;}
		img{max-width:100%}
		a{display:inline-block;text-decoration:none;color:#333}
		a:hover{text-decoration:none;}
		input{font-size:14px;padding:3px;}

		.wrap{position:relative;min-width:360px;
		width:100%;background-color:#f8f7f5;}

		.overlay{width:100%;height:100%;
		position:absolute;left:0;top:0;
		background-color:#000;opacity:0.5;display:none;}

		#header,#subheader{position:fixed;z-index:100;
		width:100%;height:50px;overflow:hidden;background-color:#fff;border-bottom:1px solid #d1d9df;}

		#subheader{background:#398fcd !important;color:#fff;border-bottom:1px solid #3675be;}
		#subheader h1{text-align:center;padding-top:15px;font-size:1.8em;}
		#header h1{position:absolute;width:100%;text-align:center;padding-top:12px;}
		#header h1>a{width:110px;}

	#allMenu{position:absolute;left:-300px;top:50px;
	width:260px;height:346px;
	background-color:#FFF;z-index:1000;
	box-shadow:2px 2px 10px rgba(0,0,0,0.3), -2px -2px 10px rgba(0,0,0,0.3)}

	#allMenu ul{}
	#allMenu ul li{list-style:none;}

	#allMenu ul li a{position:relative;display:block;height:49px;line-height:49px;
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
	font-size:1.2em;color:#212121;font-weight:bold;
	padding-left:20px;}

	#allMenu ul li a span{display:inline-block;padding-left:30px;}

	#allMenu ul li a:before{display:inline-block;
	content:'';width:24px;height:24px;position:absolute;top:10px;
	background:url(../image/home.png) no-repeat 0 0;
	background-size:24px 24px;}

	#allMenu ul li a.m1:before{background-image:url(../image/home.png);}
	#allMenu ul li a.m2:before{background-image:url(../image/map.png);}
	#allMenu ul li a.m3:before{background:url(../image/list.png) no-repeat 0 0;background-size:22px 24px;top:12px;}
	#allMenu ul li a.m4:before{background-image:url(../image/rent.png);}
	#allMenu ul li a.m5:before{background-image:url(../image/notice.png);top:12px;}
	#allMenu ul li a.m6:before{width:32px;height:32px;background:url(../image/bbs.png) no-repeat -5px -3px;background-size:32px 32px;}

	#allMenu ul li a:hover,#allMenu ul li a:focus{background-color:#f4f4f4;}
	
	#allMenu ul li:last-child{position:relative;}
	#allMenu ul li:last-child>a{display:inline-block;position:absolute;top:0;width:50%;height:49px;
	text-align:center;background-color:#f1f1f1;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;padding-left:0;margin-top:1px}
	#allMenu ul li:last-child>a:before{background-image:none;}
	#login{left:0;}
	#pc{left:50%;}

	
	#pannel h2{text-align:center;background-color:#3675be;padding:15px;color:#fff}
	.login_form{padding:20px 15px;}	
	.lfb_bottom{text-align:center;}
	.input{width:90%;margin:5px auto;padding:5px;font-size:18px;border:1px solid #ddd;}
	.mbtn{}
	input[type="image"]{position:relative;top:3px;}

	.submitBtn{display:block;
	height: 45px;width:250px;line-height: 45px;
    border: 1px solid #ea5e00;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
	text-align:center;
    color: #fff;
    background-color: #ff6600;
	margin:10px auto;
	cursor:pointer;
	font-family:"KoPub Dotum";
	font-weight:bold;
	margin:15px 0;}

	.memberBtn{display:block;height: 45px;width:200px;line-height: 45px;
    border: 1px solid #a0a0a0;
    border-radius: 80px;
    text-align: center;
    font-size: 16px;
	text-align:center;
    color: #fff;
    background: #a1a1a1;
	margin:0 auto;
	font-family:"KoPub Dotum"}
	
	#pannel{position:fixed;left:50%;top:-600px;
	width:300px;height:300px;margin-left:-150px;
	background-color:#FFF;z-index:10;padding:0px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);z-index:9999}

	#closeBtn{width:24px;height:24px;
	position:absolute;right:10px;top:10px}
	#pannel a{font-weight:bold;font-size:1.1em;}

	#toggle{position:absolute;left:15px;top:8px;width:36px;height:36px;text-align:center;line-height:30px;
	z-index:10}

		
	#slider{width:100%;height:120px;overflow:hidden;padding-top:50px;}
	#slider img{width:100%;height:120px;}

		.section1{padding:20px 15px;background-color:#eeebe4;}
		.section2{padding:20px 15px;}
		
		.row1{width:100%;margin-bottom:20px;}

		.row1 a{position:relative;height:100px;line-height:70px;
		background-color:#FFF;box-shadow:1px 1px 1px rgba(0,0,0,0.2);font-size:1.6em;font-weight:bold;
		text-align:center;color:#343434;}

		.row1 a:first-child{width:48%;margin-right:2%;}
		.row1 a:last-child{width:48%;margin-right:0;}

		.row1 a div{position:absolute;width:100%;bottom:0;line-height:30px;font-weight:normal;
		height:30px;width:100%;background-color:#008398;color:#fff;font-size:0.7em;}
		.row1 a:last-child div{background-color:#0aa8a1}


		.row2{text-align:center;font-weight:bold;}
		.row2 h3{text-align:left;margin-bottom:10px;position:relative;}
		.row2 h3:before{position:absolute;top:2px;display:inline-block;
		content:'';width:24px;height:24px;
		background:url(../image/ic_home_black.png) no-repeat 50% 50%;
		background-size:24px 24px}

		h3 .txt{display:inline-block;padding-left:26px;padding-top:5px;}

		.row2 a{width:30%;height:45px;line-height:45px;border-radius:3px;font-weight:bold;font-size:1.2em;
		background-color:#FFF;box-shadow:1px 1px 1px rgba(0,0,0,0.2);margin-right:2%;}

		.row3{background-color:#0090f7;text-align:center;margin-bottom:20px;}
		
		.row4{padding-bottom:20px;}
		.row4 h3{margin-bottom:10px;position:relative;}
		.row4 h3:before{position:absolute;top:2px;display:inline-block;
		content:'';width:24px;height:24px;
		background:url(../image/ic_notifications.png) no-repeat 50% 50%;
		background-size:24px 24px}

		#notice{border:1px solid #d6d3cc;
		border-radius:5px;background-color:#FFF;padding:10px;}
		#notice li{list-style-position:inside;line-height:1.8em;}

		.footer{padding:20px 15px;text-align:center;background-color:#e0e0e0;}
		