@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
	font-family: 'Nanum Gothic', sans-serif;
	margin:0; padding:0;
}

* {
      padding: 0;
      margin: 0;
      border: 0;
 }


 #elim {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	cursor: hand;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
	background-image:url(../imgs/menu_bg.jpg)
	background-size:100%;
	background-repeat: repeat-y;
    }

.menu{
bottom:0px;
width:100%;	
}
.sub_nav {	
	width:100%;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
    font-size: 12pt;
	letter-spacing:-2px;
	line-height: 26pt;	
}
.sub_nav a {
	position: relative;
	background-image: url(../imgs/nav_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;

	display: block;
	width: 25%;
	float: left;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	font-family: 'Nanum Gothic', sans-serif;

}
.sub_nav a:hover {
	position: relative;
	display: block;
	width: 25%;
	float: left;
	color: #fff;
	text-decoration: none;
	background-image: url(../imgs/nav_bg-h.png);
	background-repeat: repeat-x;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 800;	
}

.sub_nav img{
	width:100%;
}

.content {
	position: relative;
	width: 100%;
	background-image: url(../imgs/menu_bg.jpg);
	color: #fff;	
}

.content img{
	width:100%;
}

.menu_sub_box{
	color: #fff;	
}
.menu_title{
	font-size: 14pt;
	font-family: "Nanum Gothic", sans-serif;
	font-weight: 800;
	color: #fff;
}

.menu_title_sub{
	font-family: "Nanum Gothic", sans-serif;
	font-size: 14pt;
	color: #fff;	
	font-weight: 500;
	letter-spacing: -1pt;		
}
.tbc{
	font-size: 13pt;
}
.tbc_title{
 font-weight:800;
 padding-left:20px;
 	font-size: 13pt;
}

.tbc_main{
		font-size: 15pt;
	text-align:center;
	 font-weight:800;
padding-top:20px;
padding-bottom:20px;
}

.footer{
	width:100%;
}
.footer div {
	background-image:url(../imgs/telephone.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	width:100%;
	display: block;
	}
.footera div {
	background-repeat: no-repeat;
	background-size:100%;
	width:100%;
	height:40px;

	display: block;
	}	
.footer div img{
	width:100%;
}
.footera div img{
	width:100%;
}
.mtel{
    width:95%;	
}

.s_menu {
	width:100%;
	background-image:url(../img/sub_top_bg.jpg);
	background-size:100%;
	height: 13vw;
}

.s_nav {
	overflow: hidden;
}
.s_nav .prev{
	position: relative;
	display: block;
	width: 25%;
	float: left;
	font-size: 4.2vw;
	line-height:13vw;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	padding-left:5%
}
.s_nav .next{
	text-align:right;
	position: relative;
	display: block;
	width: 25%;
	float: left;
	font-size: 4.2vw;
	line-height: 13vw;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	padding-right:5%
}
.s_nav .on{
	text-align: center;
	position: relative;
	display: block;
	width: 30%;
	float: left;
	font-size: 5vw;
	line-height: 12vw;
	font-weight: 800;
	color: #000;
	text-decoration: none;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-left: 5%;
	margin-right: 5%;
	letter-spacing: -2px;
}
.middle_box img{
	width: 100%;
}
.daummap {
	width: 100%;
	height:280px;
}
.daummap img{
	width: 100%;
	height: 100%;
}

@media all and (min-width:980px) {
body{
	margin: 0 auto;
}	
#elim {

	position: relative;
    alignment-adjust:central;	
	top: 0;
	width: 640px;
    height: 100%;	
	visibility: hidden;
	cursor: hand;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
	background-color:#f6e5cf;
	background-size:100%;
	background-repeat: repeat-y;
	margin: 0 auto;
    }
  
.logo {
	order:1;
	width:100%;
	text-align:right;
}
.logo img{
width:100%;
padding-top:0%;
padding-right:0%
}

.menu{
bottom:0px;
width:100%;	
}
.sub_nav {	
	width:100%;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
    font-size: 15pt;
	letter-spacing:-1pt;
	line-height: 40pt;	
}
.sub_nav a {
	position: relative;
	background-image: url(../imgs/nav_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;

	display: block;
	width: 25%;
	float: left;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	font-family: 'Nanum Gothic', sans-serif;

}
.sub_nav a:hover {
	position: relative;
	display: block;
	width: 25%;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../imgs/nav_bg-h.png);
	background-repeat: repeat-x;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 800;	
}

.sub_nav img{
	width:100%;
}

.content {
	position:relative;
	width:100%;
}
.content img{
	width:100%;
}
.tbc{
	font-size: 24pt;
}
.tbc_title{
 font-weight:800;
 padding-left:40px;
 	font-size: 24pt;
}

.tbc_main{
		font-size: 28pt;
	text-align:center;
	 font-weight:800;
padding-top:16px;
padding-bottom:20px;
}
.menu_sub_box{
	padding-left:10px;	
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:30pt;
	background-color:#f6e5cf;
}
.menu_title{
	font-size: 16pt;
	font-family: "Nanum Gothic", sans-serif;
	font-weight: 800;
	color: #fff;
}

.menu_title_sub{
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12pt;
	color: #fff;	
	font-weight: 600;
	letter-spacing: -1pt;		
}
.menu_sub_box p{
	display:block;
	background-color:#553924;
	padding-top:10px;	
	padding-bottom:10px;		
	font-size: 14pt;	
	text-align:center;
	color:#fff;
	font-weight: 600;
	letter-spacing: -1pt;	
}
.menu_sub_box p span{
	text-align: center;
	color: #fff;
	font-size: 10pt;
	line-height: 12pt;
	font-weight: 500;
	letter-spacing: -1pt;
}





.footer{
	width:100%;
}
.footer div {
	background-image:url(../imgs/telephone.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	width:100%;
	display: block;
	}
.footera div {
	background-repeat: no-repeat;
	background-size:100%;
	width:100%;
	height:40px;

	display: block;
	}	
.footer div img{
	width:100%;
}
.footera div img{
	width:100%;
}
.mtel{
    width:95%;	
}

.s_menu {
	width:100%;
	background-image:url(../img/sub_top_bg.jpg);
	background-size:100%;
	height: 13vw;
}

.s_nav {
	overflow: hidden;
}
.s_nav .prev{
	position: relative;
	display: block;
	width: 25%;
	float: left;
	font-size: 4.2vw;
	line-height:13vw;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	padding-left:5%
}
.s_nav .next{
	text-align:right;
	position: relative;
	display: block;
	width: 25%;
	float: left;
	font-size: 4.2vw;
	line-height: 13vw;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	padding-right:5%
}
.s_nav .on{
	text-align: center;
	position: relative;
	display: block;
	width: 30%;
	float: left;
	font-size: 5vw;
	line-height: 12vw;
	font-weight: 800;
	color: #000;
	text-decoration: none;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-left: 5%;
	margin-right: 5%;
	letter-spacing: -2px;
}
.middle_box img{
	width: 100%;
}
.daummap {
	width: 100%;
	height: 429px;
	margin-top: 35px;	
	margin-bottom: 35px;

}
.daummap img{
	width: 100%;
	height: 100%;
}



}