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;
}

.hidden {
    background: none repeat scroll 0 0 transparent;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 0;
}

.clearfix {
    display: block;
}

.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;
}

a { outline: none; selector-dummy: expression(this.hideFocus=true);}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:active, a:hover {
	color: #000;
	text-decoration: none;
}

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%;}
.order img{ width: 100%;} 
.bbtn img{ width: 60%;margin:3% 0 3% 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:25%; float:left;}
#menu2{width:25%; float:left;}
#menu3{width:25%; float:left;}
#menu4{width:25%; float:left;}


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


#mgnb{width:100%; margin:1% 0; }
#mgnb a,
#mgnb a img{display:block}
#gnb1{width:50%; float:left;}
#gnb2{width:50%; float:left;}
#gnb3{width:50%; float:left;}
#gnb4{width:50%; float:left;}
#gnb5{width:50%; float:left;}
#gnb6{width:50%; float:left;}



#join{width:100%; margin-top:2%;}
#join a,
#join a img{display:block}
#jb1{width:35%; float:left;}
#jb2{width:30%; float:left;}
#jb3{width:35%; float:left;}
#jb4{width:35%; float:left;}
#jb5{width:30%; float:left;}
#jb6{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:2% 0 2% 0; background-color:#eeeeee;}
#inc{width:100%;}

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

#call{width:100%; clear:both ;padding: 2% 0 4% 0 ;}
#call_sub{width:100%; clear:both;padding:5% 0 0 0;}


#bottom1{width:100%; clear:both; text-align:center; font-size:12px; color:#333333; padding:2% 0 2% 0; background-color:#d2d2d2; box-sizing: border-box; margin-top:5%;}

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




input {
	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;}
.board_btn img{width:25%; }

.order_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 { font-size:15px; padding:3% 0; margin-right:1%;}
.form table td select { font-size:15px; padding:2% 0; margin-right:1%; height:40px}
.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:#efefef;}
#mainf .board_btn1 { text-align: center; width:70%; padding:2% 0 2% 0;}




.board_tabm {margin:0 0 5% 0;}
.board_tabm ul{ display:table;width:100%;}
.board_tabm ul li {float:left; display:table-cell;width:25%;padding-left:1%;box-sizing: border-box;}
.board_tabm ul li img { width:100%;}
.board_tabm ul li:first-child { padding-left:0;}

/* list */
.board_list { border-top:2px solid #868686; margin-bottom:50px;}
.board_list table { table-layout:fixed; border-bottom:1px solid #ccc;}
.board_list table tr.notice td { font-weight: bold; background-color:#f9f7f2;}
.board_list table tr{border-top:1px solid #ccc;}
.board_list table tr:first-child{border-top:0 none;}
.board_list table td { text-align: center; font-size:14px;padding:3% 0;vertical-align: middle; font-weight:700; }
.board_list table td.subject { text-align:left; padding-left:2%;}
.board_list table td.subject a { max-width:88%;display:inline-block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; vertical-align: middle; color:#6f675b;}
.board_list table tr.notice td.subject a{ max-width:81%;}
.board_list table td.subject span.comment {vertical-align: middle; padding-left:2px;}
.board_list table td img.icon_review, .board_list table td img.icon_notice { width:18px; margin-right:5px; vertical-align: middle;}

.board_list .board_btn { text-align:right;}
.board_list .board_btn a{ margin:0}
.board_list .board_btn a.join{ width:100px;}
.board_list .board_btn a.leave{background-color:#b49474; border:1px solid #846546;}

.page_num { text-align:center; margin:5% 0 3% 0; font-size:20px;}
.page_num a { margin: 0 1%; display:inline-block; vertical-align: middle; color: #554942;}
.page_num strong { padding: 0 1%; color: #554942; font-weight:700; vertical-align: middle;}
.page_num a.prev, .page_num a.next { background-color:#CCCCCC; border-radius: 18px; padding:1%; color: #fff; font-weight:700; font-size:18px;}
.page_num a.prev { margin-right:2%;}
.page_num a.next { margin-left:2%;}

/* view */
.board_view { border-top:2px solid #868686; margin-bottom:50px;}
.board_view h4 { padding:3% 2%; color: #6f675b; font-size:14px; background-color:#f7f7f7; margin: 0; border-bottom:1px solid #ccc;}
.board_view table { table-layout: fixed; border-bottom:1px solid #ccc;}
.board_view table td { font-size:14px; padding:3% 2%; color: #6f675b;}
.board_view table td.board_view_data { border-bottom:1px solid #ccc;}
.board_view table td.board_view_data strong { padding-right:5px; font-weight: normal;}
.board_view table td.board_view_data span {padding:0 5px;}
.board_view table td.board_view_data span:first-child { padding-left:0;}
.board_view table td.board_view_con { line-height:18px; padding:7% 2% 8%;}
.board_view table td.board_view_con img { width:100%}
.board_view table td.board_comment_con { background-color:#f7f7f7; border:1px solid #ddd; line-height:23px; padding: 5% 5%;}
.board_view table td.board_comment_con h5 { padding-bottom:3%; color: #000;}
.board_view table td.board_comment_con .data { position:absolute; left: 18%; margin-top:-6%;}

.board_view .board_btn {width:100%; text-align: center; margin:5% 0 2% 0; position:relative;}
.board_view .board_btn img {
	width:25%; 
	text-align: center; 
	
}


/* write */
.board_write { border-top:2px solid #868686; margin-bottom:50px;}
.board_write table { table-layout: fixed; font-size:12px;}
.board_write table tr{ border-bottom:1px solid #ccc;}
.board_write table th { font-size: 14px; padding: 3% 0 3% 2%; text-align: left;}
.board_write table td { font-size: 14px; padding: 3% 0; text-align: left;}
.board_write table td input, .board_write table td select { font-size:12px; padding: 1.5% 0; border:1px solid #ccc;}
.board_write table td p { padding-top:1.5%; padding-left:2%;}
.board_write table td span { font-size:10px;padding-top:1.5%; display:block}
.board_write table .require { color: #f88015; display:inline-block}
.board_write table td.write_form { padding:3% 2%;}
.board_write table td.write_form2 { padding:3% 0;}
.board_write table td.write_form3{ padding:0;}
.board_write table td.write_form3 p { background-color:#f8f6f4; text-align: center; padding:3% 0;}
.board_write table td.agree { padding:2% 2.7% 2% 2.7%; background-color:#fff;}
.board_write table td textarea { margin-top:2%; border:1px solid #ccc;}
.board_write table td.write_form3 textarea{ margin:0}
.text_img img { width:100%;}
.board_write table td a.search { background-color:#82c7e7; border:1px solid #4c8aa7; color: #fff; font-weight:700; border-radius:3px 3px; padding:1.5% 2% 2% 2%; margin-left:1%; display:inline-block; vertical-align:middle;}
.board_write label{ margin:0 5px 0 3px}
.board_write a.btn_zip { background-color:#80684c; color:#fff; display:inline-block; padding:1.5% 2%;  margin-left:1%; vertical-align:middle}

.board_write .board_btn {width:100%; text-align: center; margin:5% 0 2% 0; position:relative;}
.board_write .board_btn img {
	width:30%; 
	text-align: center; 
	
}

/* gallery */
.gallery_area .list{border-top:2px solid #868686}
.gallery_area .list.type4{min-width:1px;padding:13px 0 0;border-bottom:1px solid #868686}
.gallery_area .list.type4:after{content:"";display:block;clear:both}
.gallery_area .list.type4 li{float:left;width:50%;border-bottom:none; margin-bottom: 10px;}
.gallery_area .list.type4 li a{display:block;margin:0 6px 0 0}
.gallery_area .list.type4 li a img{display:block;width:100%}
.gallery_area .list.type4 li a .thumb_area{display:block;overflow:hidden;position:relative}
.gallery_area .list.type4 li a .thumb_area .thumb{position:absolute;top:0;left:0;width:100%}
.gallery_area .list.type4 li a .noneW{display:block;float:none;width:100%;margin:7px 0 1px;padding:0;text-align:center;font-size:14px; color: #6f675b;line-height:16px; height:40px}
.gallery_area .list.type4 li a .date{display:block;float:none;width:100%;margin:0 0 5px;padding:0;font-weight:normal;text-align: center; color: #6f675b;}
.gallery_area .list.type4 li:nth-child(2) a{margin:0 0 0 6px}


.layer_pw { display: none; position:fixed; left:50%; top:50%; width:270px; height:150px; background-color:#4b3f38; margin:-70px auto 0 -135px; z-index:100}
.layer_pw .layer_pw_con { background-color:#fff; border:4px solid #4b3f38; height:47px; text-align:center; padding-top:19px;}
.layer_pw .layer_pw_con a { margin-left:4px;}
.layer_pw .layer_pw_con input { border:1px solid #aeaeae; padding-top:2px; height:25px; text-align:center;}


li{list-style:none}
div,button{margin:0;padding:0}
button,input,select,textarea{vertical-align:middle}
button{overflow:visible;vertical-align:middle;cursor:pointer;border:none;background:transparent}
button::-moz-focus-inner{padding:0;border:none}

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

}