body {
	/*font-size: 0.75em;*/
	font-size: 12px;
	width: 100%;
	background: #ffffff;
	background-size:100%;
	color: #333;
	font-family: "Nanum Gothic",dotum,sans-serif;
	line-height: 18px;
}

.pd { font-size:14px; vertical-align:middle; }
.pd a { font-size:14px; vertical-align:middle; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	margin: 0;
	padding: 0;
	font-family: "Nanum Gothic",dotum,sans-serif;
}

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub { font-size: 1em; font-family: "Nanum Gothic",dotum,sans-serif;}

em, cite, address, optgroup { font-style: normal; }

img, input, button, select, textarea { vertical-align: middle;}


ul, ol { list-style: none outside none;}

img, fieldset { border: 0 none; }

abbr, acronym { border-bottom: 1px dotted black; cursor: help;}

table {
    border-spacing: 0;
	border-collapse: collapse;
    width: 100%;
}

div { font-size: 100%;}

label {	display: inline; cursor: pointer;}

em { font-style: normal;}

.back img { width: 100%;}
.back50 img { width: 50%;}
.order img{ width: 100%;} 
.bbtn img{ width: 60%;margin:2% 0 0 0}

.topmenu {position:relative;z-index:9999; width: 100%; height:50px;}

#wrap{width:100%; position:absolute;}
#top{width:100%; clear:both;}

#tmenu1{width:20%; float:left;}
#tlogo{width:60%; float:left;}
#tmenu2{width:20%; float:left;}

#menu1{width:20%; float:left;}
#menu2{width:20%; float:left;}
#menu3{width:20%; float:left;}
#menu4{width:20%; float:left;}
#menu5{width:20%; float:left;}


#cont1{width:100%; clear:both;}


#mgnb{width:100%;padding:2% 0 2% 0;}
#mgnb a,
#mgnb a img{display:block}
#gnb1{width:35%; float:left;}
#gnb2{width:30%; float:left;}
#gnb3{width:35%; float:left;}
#gnb4{width:35%; float:left;}
#gnb5{width:30%; float:left;}
#gnb6{width:35%; float:left;}

#cont1_house{ overflow: hidden;text-align:center;}
.cont1_house ul li { float: left; width:100%;  }
.cont1_house ul li a img {width:100%;}




#cont2{width:100%; text-align:center}

#incform{width:100%;padding:0 0 2% 0; background-color:#c8e8e8;}
#inc{width:100%;}

#sp{width:100%;}
#sp1{width:100%;}

#call{width:100%; clear:both;}
#call_sub{width:100%; clear:both; margin:5% 0 0 0;}

#copy{width:100%; clear:both; text-align:center; font-size:12px; padding:1% 0 1% 0; color:#ffffff; background-color:#262626;}
#bottom1{width:100%; clear:both; text-align:center; font-size:12px; padding:2% 0 2% 0; background-color:#ffffff}

#bottom2{width:100%; text-align:center;background-color:#ffffff;clear:both;}
#bot{width:100%; float:left;}
#bot1{width:50%; float:left;}
#bot2{width:50%; float:left;}



input {
	height: 26px;
	border: 1px solid #7e7e7e;
	font-size: 100%;
	/*height: 19px;*/
	padding: 0 1px;
	vertical-align: middle;
	outline:none;
	background-color: #fff;
	color: #333;
}

input.checkbox {
	border: none;
	vertical-align: middle;
	padding: 0;
	margin: -1px 0 0 0;
	background-color: transparent;
}

textarea {
	border: 1px solid #7e7e7e;
	background-color: #fff;
	padding: 0 1px;
	line-height: 18px;
	overflow: auto;
	color: #333;
}

select { color: #333; border: 1px solid #7e7e7e; padding: 0;}
/* view */
.board_btn {width:100%; text-align: center; margin:5% 0 2% 0; position:relative;}

/* write */

#cont4 .form{width:100%;}
.form table { table-layout: fixed; font-size:13px; letter-spacing:-1px;}
.form table th { color: #333; font-weight:700; vertical-align:middle; padding:0 2.5% 2% 3%; text-align:left;}
.form table th .require { color: #f88015;}
.form table td { padding:0 0 2% 0; color: #666;}
.form table td input, .form table td select { font-size:15px; padding:5px; margin-right:1%;}
.form table td.write_form { border-top:1px solid #7e7e7e; padding:3% 2.7%;}
.form table td.agree { color: #333; padding:3% 2.7% 2% 2.7%; border-top:1px solid #7e7e7e; text-align:center; font-size:13px; font-weight:400;}
.form table td textarea { margin-top:1.5%;}
.text_img img { width:100%;}
.form table td a.search { background-color:#847365; border:1px solid #4b4037; color: #fff; font-weight:700; border-radius:3px 3px; padding:1.5% 2% 2% 0; margin-left:1%; display:inline-block; vertical-align:middle;}

#ordertit{width:100%;}
#mainf{width:100%; background-color:#c8e8e8;}
#mainf .board_btn1 { text-align: center; width:70%; padding:2% 0 2% 0;}



@media all and (min-width: 641px) {
/* web */
body { width: 640px; margin: 0 auto; position:relative;}

}