@charset "utf-8";
/* CSS Document */
/*±âº»CSS¼Ó¼º*/
body,p,div,img,ul,li,dl,dt,dd{
	margin:0px; padding:0px; border:none; list-style:none; border-spacing:0px; border-collapse:collapse;
}
/*Á¦¸ñ¿ä¼Ò¼û±â±â*/
h1,h2,h3,h4,h5,h6{
	width:0px; height:0px; font-size:0px; line-height:0px; position:absolute; overflow:hidden;
}
/*¸ÞÀÎÆäÀÌÁö CSS¼Ó¼º*/
body{
	background:#FFF; width:100%; max-width:500px;
}
/*div.wrap{
	width:980px; position:absolute; left:50%; margin-left:-490px; background:#fff;
}*/

/*----------------------header tag colorzilla gradation¼³Á¤--------------------------*/
.header{
	width:100%; height:24px; position:relative; left:0px; top:0px;
background:url(../images/top_bg.gif) repeat-x;
}
.logo img{
	width:100%; max-width:500px;
}
.footer{
	width:100%; height:90px; background:#f7f7f7; float:left;
}
/*-------------------------------À¥ÆùÆ®----------------------------------------------*/
@font-face{
	font-family:"webfont1"; src:url(../font/NanumBarunGothic.eot), url(../font/NanumBarunGothic.woff), url(../font/NanumBarunGothic.ttf);
}
p.webfont{
	font:normal 12px "webfont1"; color:#FFF;
}
p.footer_web{
	font:normal 11px "webfont1"; color:#9c9c9c; line-height:150%;
}
/*------------------¼­ºêÆäÀÌÁö----------------------*/
#h_line{
	width:100%; height:3px; background:#7e80a8;
}
.title{
	margin-bottom:6px;
}
.board{
	width:100%; height:500px; background:#FFFFFF; max-width:500px; margin-bottom:20px;
}
p.map_text{
	font:normal 12px "webfont1"; color:#000;
}
/*------------------------------------------------------------------------*/
#visual img{
	width:100%; max-width:700px;
}
.button img{
	display:inline; vertical-align:top; width:33.3%;  float:left;margin-top:10px;
}
.b_button img{
	display:inline; vertical-align:top; width:33.3%;  float:left; margin-top:20px;
}
.multi{
	width:100%; max-width:500px; background:#fff;height:auto;
}
.s2 img{
	width:100%; max-width:500px;
}