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:2% 0 0 0}

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


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


#tlogo{width:80%; float:left;}
#tmenu1{width:20%; float:left;}
#tlogo1{width:40%; float:left;}
#tmenu2{width:20%; float:left;}
#tmenu3{width:40%; float:left;}

#gnb .menu {}
#gnb .menu li{float:left; width:20%; }
#gnb .menu li img{width:100%;}



#mainimg{width:100%; clear:both;}
#main_notice{width:100%; clear:both;}



#mgnb{width:100%; background-color:#FFFFFF}
#mgnb a,
#mgnb a img{ /*display:block*/ }
#gnb1{width:35%; float:left;}
#gnb2{width:30%; float:left;}
#gnb3{width:35%; float:left;}



#sub_tit{width:100%; clear:both;}
#cont_mov{width:100%; clear:both; background-color:#000000; border:#000 solid;text-align:center}
#consub_tit{width:100%; float:left;}

#sub_detail{width:100%; clear:both;}
#detail_tit01{width:100%; float:left; padding:2% 0 1% 0;}
#detail_txt01{width:97%; float:left; text-align:left; font-size:14px; font-weight:bold; padding:2% 0 2% 3%;}
#detail_img01{width:100%; float:left;}
#detail_tit02{width:100%; float:left; padding:2% 0 1% 0;}
#detail_img02{width:100%; float:left;}
#detail_tit03{width:100%; float:left; padding:2% 0 1% 0;}
#detail_img03{width:100%; float:left;}
#detail_img04{width:96%; float:left; margin:0 2% 0 2%;}
#btn_more_center{width:100%; float:left; text-align:center; padding:2%}
#btn_more_center img {width:25%;}
#line{width:100%; clear:both; padding:1% 0 1% 0;}

#cont_sub1{width:100%; text-align:center}
#cont_sub2{width:100%; text-align:center}
#cont_sub3{width:100%; text-align:center}
#cont_sub4{width:100%; text-align:center}

#license1{width:46%; text-align:center; float:left; margin:2% 2% 1% 2%;}
#license2{width:46%; text-align:center; float:left; margin:2% 2% 1% 2%;}

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



#incform{width:100%;padding:0;}
#inc{width:100%;}

#sp{width:100%; padding:1% 0 0 0}
#sp1{width:100%;}

#call{width:55%; float:left;}
#blog{width:45%; float:left;}

#botmenu{width:100%; clear:both; text-align:center; padding:0;}
#botm1{width:35%; float:left;}
#botm2{width:30%; float:left;}
#botm3{width:35%; float:left;}

#bottom1{width:100%; clear:both; text-align:center; font-size:12px; padding:2% 0 2% 0;}

#order_icon{width:20%; float:left;}

#bottom2{width:100%; text-align:center;background-color:#a4a4a4;clear:both;}
#bot1{width:35%; float:left;}
#bot2{width:30%; float:left;}
#bot3{width:35%; float:left;}

.clean_th{font-size:14px;padding:10px 0 10px 0; font-weight:bold; background-color:#72A8DA; text-align:center; color:#FFFFFF}
.clean_td{font-size:14px;padding:10px 0 10px 0; text-align:center; font-weight:bold; }
.font_white {color : #FFFFFF; background-color:#72A8DA;}

.textpadding3{padding:1% 0 1% 2%; font-weight:bold;color:#185a95; font-size:15px; text-align:left;}
.textpadding_sub{padding:2% 3% 2% 3%;color:#333333; line-height:20px; font-size:14px; text-align: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:40%; 
	margin:5% 0 2% 0; 
	*/ 
	text-align: center; 
	
}
/* write */

#order_top{width:100%; clear:both;}
#order_bg{width:100%; clear:both; background-color:#ffffff}
#cont4 .form{width:100%;}


.form_m table { table-layout: fixed; font-size:13px; letter-spacing:-1px;}
.form_m table th { color: #000000; font-weight:700; vertical-align:middle; padding:0 2.5% 2% 5%; text-align:left; font-size:15px;}
.form_m table th .require { color: #f88015;}
.form_m table td { padding:0 0 2% 0; color: #666;}
.form_m table td input { font-size:15px; padding:3% 1%; margin-right:1%; border:1px solid #5B9BD5;}
.form_m table td select { font-size:15px; padding:2% 1%; margin-right:1%; border:1px solid #5B9BD5; height: 40px;}
.form_m table td.agree { color: #000000; padding:3% 2.7% 2% 2.7%; text-align:center; font-size:14px;}
.form_m table td.agree a { color:#000000; margin-left:10px;}
.form_m table td.agree a img { text-align: center; width:70%; padding:2% 0 3% 0;}

.form_o table { table-layout: fixed; font-size:13px; letter-spacing:-1px;}
.form_o table th { color: #000000; font-weight:700; vertical-align:middle; padding:0 2.5% 2% 5%; text-align:left; font-size:15px;}
.form_o table th .require { color: #f88015;}
.form_o table td { padding:0 0 2% 0; color: #666;}
.form_o table td input { font-size:15px; padding:3% 1%; margin-right:1%; border:1px solid #DF4B00;}
.form_o table td select { font-size:15px; padding:2% 1%; margin-right:1%; border:1px solid #DF4B00; height: 40px;}
.form_o table td.agree { color: #000000; padding:3% 2.7% 2% 2.7%; text-align:center; font-size:14px;}
.form_o table td.agree a { color:#000000; margin-left:10px;}
.form_o table td.agree a img { text-align: center; width:70%; padding:2% 0 3% 0;}
.form_o table td img { text-align: center; width:70%;}

.form table { table-layout: fixed; font-size:13px; letter-spacing:-1px;}
.form table th { color: #000000; font-weight:700; vertical-align:middle; padding:0 2.5% 2% 5%; text-align:left; font-size:15px;}
.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:2% 1%; margin-right:1%; border:1px solid #DF4B00;}
.form table td.write_form { border-top:1px solid #7e7e7e; padding:3% 2.7%;}
.form table td.agree { color: #000000; padding:3% 2.7% 2% 2.7%; text-align:center; font-size:14px;}
.form table td.agree a { color:#000000; margin-left:10px;}
.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;}


.join_form table { table-layout: fixed; font-size:14px; letter-spacing:-1px;}
.join_form table th { color: #000000; font-weight:700; vertical-align:middle; padding:0 2.5% 2% 5%; text-align:left; font-size:14px;}
.join_form table th .require { color: #f88015;}
.join_form table td { padding:0 0 2% 0; color: #666;}
.join_form table td input, .join_form table td select { font-size:15px; padding:2% 1%; margin-right:1%;}
.join_form table td.write_form { border-top:1px solid #7e7e7e; padding:3% 2.7%;}
.join_form table td.agree { color: #000000; padding:3% 2.7% 2% 2.7%; text-align:center; font-size:11px;}
.join_form table td textarea { margin-top:1.5%;}
.join_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%;}
#mainf .board_btn1 { text-align: center; width:70%; padding:2% 0 3% 0;}

.board_btn1 .btn {
    width: 50%;
    position: absolute;
	text-align: center;
    right: 0;
    margin-top: -4%;
    margin-right: 3%;
}

.board_btn1 .btn img {
    width: 100%;
}


.board_content {
    position: relative;
    padding: 0 10px 0px;
}


.board_tabm {margin:1% 0 5% 0;}
.board_tabm ul{ display:table;width:100%;}
.board_tabm ul li {float:left; display:table-cell;width:20%;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 #5b9bd5;}
.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:#a8d2e5; 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 #5b9bd5;}
.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:30%; 
	text-align: center; 
	
}


/* write */
.board_write { border-top:2px solid #5b9bd5; margin-bottom:5%}
.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}


/* gallery */
.gallery_area .list{border-top:2px solid #5b9bd5}
.gallery_area .list.type4{min-width:1px;padding:13px 0 0;border-bottom:1px solid #5b9bd5}
.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%; height: 200px;}
.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}
.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:18px; text-align:center;}



/* agent_list */
.agent_list { border-top:2px solid #5b9bd5; padding:10px 0 30px 0;}
.agent_list table { table-layout:fixed; border-bottom:0px solid #ccc;}
.agent_list table td { text-align: center; font-size:12px;padding:3% 0;vertical-align: middle; font-weight:700; padding:5% 0 5% 0;}

.agent_list .list.type4{min-width:1px;padding:5px 0 0;border-bottom:1px solid #ccc}
.agent_list .list.type4:after{content:"";display:block;clear:both}
.agent_list .list.type4 li{float:left;width:50%;border-bottom:none; margin-bottom: 0px;}
.agent_list .list.type4 li:first-child{float:right;width:50%;border-bottom:none; margin-bottom: 0px;}


#bestbox{width:98%; border:thin; background-color:#e8ecf1; float:left; border-color:#d3deeb; border-width:1px; margin: 1% 1% 8% 1%;}
.bj_txt1{width:55%; padding:5% 0 2% 0; background:url(img/img_best01.png) no-repeat}
.bj_txt2{width:55%; padding:5% 0 2% 0; background:url(img/img_best02.png) no-repeat}
.bj_pic{width:92%; float:left; padding:2%}


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

}