/* Clear */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}


body {
	color: black;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none; 
}



body { font-family: malgun gothic; color: #928982; font-size: 11px; }

#wrap { width: 990px; margin: 0 auto; overflow: hidden; position: relative; }

#header { width: 100%; height: 77px; float: left; } 

#logoAdmin { width: auto; height: 77px; float: left;}
#logoAdmin span { float: left; padding-left: 5px; margin-top: 12px;}
#logoAdmin h1 { float: left; }


#menuAdmin { float: right; margin-top: 20px;  }
#menuAdmin li a { color: #a08c83; font-family: Constantia; font-size: 15px; font-weight: bold; letter-spacing: -1px;}
#menuAdmin li {float: left; margin-right: 20px; }



#logo { width: 109px; height: 77px; float: left;}

#menu { float: left; }
#menu ul { float: left; margin: 13px 0 0 6px; }
#menu li { float: left; margin: 0 30px; _display: inline; }
#menu li a { color: #a08c83; text-indent: -1000px; height: 36px; display: block; background-position: 0 0; background-repeat: no-repeat;}
#menu li a.chairsMenu-1 {  width: 43px; background-image: url('../images/menu-1.gif')}
#menu li a.chairsMenu-1.on,
#menu li a.chairsMenu-1:hover { background: url('../images/menu-1-on.gif') }

#menu li a.chairsMenu-2 {  width: 44px; background-image: url('../images/menu-2.gif') }
#menu li a.chairsMenu-2.on,
#menu li a.chairsMenu-2:hover {  background-image: url('../images/menu-2-on.gif') }


#menu li a.chairsMenu-3 { width: 46px; background-image: url('../images/menu-3.gif') }
#menu li a.chairsMenu-3.on,
#menu li a.chairsMenu-3:hover { background-image: url('../images/menu-3-on.gif') }


#menu li a.chairsMenu-4 { width: 73px; background-image: url('../images/menu-4.gif') }
#menu li a.chairsMenu-4.on,
#menu li a.chairsMenu-4:hover { background-image: url('../images/menu-4-on.gif') }


#menu li a.chairsMenu-5 { width: 38px; background-image: url('../images/menu-5.gif') }
#menu li a.chairsMenu-5.on,
#menu li a.chairsMenu-5:hover { background-image: url('../images/menu-5-on.gif') }


#menu li a.chairsMenu-6 { width: 54px; background-image: url('../images/menu-6.gif') }
#menu li a.chairsMenu-6.on,
#menu li a.chairsMenu-6:hover { background-image: url('../images/menu-6-on.gif') }

#menu li a.chairsMenu-7 { width: 32px; background-image: url('../images/menu-7.gif') }
#menu li a.chairsMenu-7.on,
#menu li a.chairsMenu-7:hover { background-image: url('../images/menu-7-on.gif') }



#content { width: 730px; padding: 48px 0 65px 109px; float: left; line-height: 1.8em; }
#content.style2 { width: 820px; padding: 48px 0 65px 45px; float: left; position: relative;}
#content.styleIndex {  }


.aboutContent { background: url("../images/about_han_img.jpg") 0 0 no-repeat; padding-left: 200px; }
.aboutContent p { margin-bottom: 25px; }

.aboutChairsView { width: 470px; margin: 0 auto 45px; position: relative; }
.aboutChairsView .aboutImgBox { width: 395px; height: 225px; overflow: hidden; margin: 0 auto; border: 1px solid #c7c7c7; margin-bottom: 13px; }
.aboutChairsView .aboutImgBox li { display: none; }
.aboutChairsView .aboutImgBox img { width: 395px; height: 225px;}
.aboutChairsView .aboutPaging { text-align: center; }
.aboutChairsView .aboutPaging a { padding: 3px; display: inline-block; color: #928982;} 
.aboutChairsView .aboutPaging a:hover, 
.aboutChairsView .aboutPaging a.selected { color: #5f5b5a; font-weight: bold; } 

.aboutChairsView .aboutArrowLeft { width: 11px; height: 20px; position: absolute; top: 100px; left: 0; background:url("../images/arr_left.gif") 0 0 no-repeat; } 
.aboutChairsView .aboutArrowLeft:hover { background-image:url("../images/arr_left_on.gif");} 
.aboutChairsView .aboutArrowRight { width: 11px; height: 20px; position: absolute; top: 100px; right: 0; background:url("../images/arr_right.gif") 0 0 no-repeat; } 
.aboutChairsView .aboutArrowRight:hover { background-image:url("../images/arr_right_on.gif");} 


.aboutChairsContent { background: url("../images/about_chairs_img.jpg") 0 0 no-repeat; padding-top: 47px; }

#viewWrap { width: 800px; overflow: hidden; position: relative; }
#viewInfo { float: left; }


.viewArrowLeft { width: 11px; height: 20px; position: absolute; top: 260px; left: 15px; background:url("../images/arr_left.gif") 0 0 no-repeat; display: block; } 
.viewArrowLeft:hover { background-image:url("../images/arr_left_on.gif") } 
.viewArrowRight { width: 11px; height: 20px; position: absolute; top: 260px; right: -15px; background:url("../images/arr_right.gif") 0 0 no-repeat; display: block;} 
.viewArrowRight:hover { background-image:url("../images/arr_right_on.gif") } 

#viewSmall { float: right; height: 36px; overflow: hidden; text-align: right;}
#viewSmall img { width: 55px; height: 26px;}
#viewSmall a { border: 2px solid #cac4aa; display: inline-block; margin-left: 6px;}
#viewSmall a:hover { border-color: #413330; }
#viewSmall a.selected { border-color: #413330; }

#viewBox { width: 796px; height: 465px; border: 2px solid #e6e6e6; margin-bottom: 10px; overflow: hidden; text-align: center; }
#viewBox ul { width: 100%; }
#viewBox li { float: left; width: 796px; height: 465px; display: none; }


#side { width: 82px; float: right; min-height: 661px; position: relative; }
#sideTitle { position: absolute; top: 13px; left: 23px; font-weight: bold; color: #413332; }

#footer { clear: both; width: 100%; margin-bottom: 40px; padding-top: 9px; border-top: 1px solid #bfbfbf; text-align: right; }


#itemList { width: 100%; overflow: hidden;}
#itemList li { width: 122px; height: 70px; padding: 1px 6px 5px 1px; float: left; background: url("../images/bg_items1.png") 0 0 no-repeat; margin: 0 5px 5px 0; position: relative; cursor: pointer;}
#itemList .itemsThumbnail { width: 122px; height: 70px; text-align: center; position: absolute; top: 0; left: 0; }
#itemList .itemsTitle { text-align: center; width: 122px; height: 70px; color: #918881; font-size: 11px; font-weight: bold; line-height: 70px;  display: none; position: absolute; top: 0; left: 0;}
/* #itemList .itemsThumbnail img { width: 122px; height: 70px;} */


.arrowLeft { width: 11px; height: 20px; position: absolute; top: 260px; left: 15px; background:url("../images/arr_left.gif") 0 0 no-repeat; display: block; } 
.arrowLeft:hover { background-image:url("../images/arr_left_on.gif") } 
.arrowRight { width: 11px; height: 20px; position: absolute; top: 260px; right: -15px; background:url("../images/arr_right.gif") 0 0 no-repeat; display: block;} 
.arrowRight:hover { background-image:url("../images/arr_right_on.gif") }

#content.contact h2 { margin-bottom: 10px; }
#content.contact .contact_info { margin-bottom: 10px; }
#content.contact .contact_table { width: 650px; border: 1px solid #a38b7f; margin-bottom: 30px; margin-left: 9px; position: relative; }
#content.contact .contact_table .msgSend { right: 12px; bottom: 9px; width: 22px; height: 15px; position: absolute; }
#content.contact .tbl textarea { width: 460px; height: 81px }
#content.contact input, #content.contact textarea { font-family: malgun gothic; color: #928982; font-size: 11px; border: none; border-color: #fff;}

 
.tbl { width: 100%; }

.tbl td, .tbl th { padding: 6px; border-bottom: 1px solid #e7e2de; }
.tbl th { font-weight: bold; border-bottom: 1px solid #e7e2de; color: #a28a80; text-align: left; border-right: 1px solid #e7e2de; }
.tbl .noItem { text-align: center; }





/* admin */

#content.admin .adminTblWrap {border: 1px solid #a38b7f; }
#content.admin .tbl { width: 100%; }
#content.admin .tbl td, .tbl th { padding: 5px; border-right: 1px solid #e7e2de; border-bottom: 1px solid #e7e2de; }
#content.admin .tbl th { font-weight: bold; border-bottom: 1px solid #e7e2de; }
#content.admin .tbl .noItem { text-align: center; }


#wrapper { width: 990px; margin: 0 auto; position: relative; }
#footer { border-top: 2px solid #bfbfbf; padding: 5px; text-align: right; margin: 40px 0; }

#content.admin { width: 990px; float: left; line-height: 1.8em; padding: 48px 0 30px 0 ;}
#content.admin a { text-decoration: underline; color: #000; }

#dim { width: 100%; height: 100%; background: #000; position: absolute; display: none; z-index: 100;}

#imagesList { z-index: 101; position: absolute; width: 800px; height: 500px; overflow-y: scroll; background: #fff; top: 70px; border: 2px solid #ccc; left: 95px;}
#imagesList ul { margin-top: 30px; }
#imagesListClose { height: 20px; background: #413330; color: #eee; cursor: pointer; margin-bottom: 20px; }
#imagesList li { float: left; border: 1px solid #ccc; overflow; hidden; margin: 0 5px 10px 0; text-align: center; font-size: 11px; cursor : pointer; width: 180px; height: 150px;}
#imagesList img { width: 120px; height: 50px; }
#imagesList .fileName { display: none; }
#imagesList .imagesListCon { padding: 10px; }
#imagesList h3 { margin-bottom: 0px !important; }

#writeDl { width: 100%; overflow: hidden; margin-bottom: 10px; }
#writeDl dt { width: 130px; float: left; clear: both; }
#writeDl dd { float: left; width: 350px; }
#writeDl input { width: 250px; }

#imagePlus, #imageMinus { display: inline-block; width: 13px; height: 16px; line-height: 16px;  text-align: center; border: 1px solid #bbb; text-decoration: none !important; }

#listBody img { width: 100px; height: 45px;}

.writeWrap { border: 1px solid #a38b7f; padding: 10px; margin-bottom: 30px; float: right; width: 550px; }
.infoWrap { float: left; width: 390px; }
.itemListWrap { clear: both; }

#content.admin h2 { font-weight: bold; font-size: 30px; color: #a08c83; font-family: Times; margin-bottom: 15px; }
#content.admin h3 { font-weight: bold; font-size: 16px; color: #666; margin-bottom: 15px; }

#msgBox { padding-left: 20px; color: #eee; background: #413330; height: 30px; line-height: 30px; margin-bottom: 20px; display: none; }

#viewBottom { margin-top: 100px; }
#viewBottom h2 { border-bottom: 3px solid #e6e6e6; color: #938980; font-size: 14px; font-weight: bold;  margin-bottom: 30px; padding-bottom: 5px; }
#viewBottom h2 span { font-size: 12px; }


.textList { margin-top: 40px; }