@charset "utf-8";
@import url("default.css");

/* ---- CSS Document  defalut page shop ---- */

h3 em, h2 em{font-size:12px; font-weight:normal;}

/*삭제중*/
.deling {display:block; padding:12px 0 12px 26px; background:url(../image/loadinfo.net.gif) no-repeat left center; }

/* Layout */
#wrap{margin:0 auto; width:930px; position:relative; }
#header,#content,#footer{ padding:5px; }
#footer { color:#666; margin-top:10px; clear:both;}

.bg_f{background:#fff;}
.fc_red{color:#FF3300;}

/* ----- gbn ------ */ 
#gbn {width:920px;  display: inline-block;}
#gbn .f_Right {padding-right:7px;  }
#gbnNavi { height:22px; min-width:400px; padding:35px 0 0 0px; text-align:right;} /* 이미지 높이 32px */
#gbnNavi ul li { padding:0 3px; }


/* 기본 상품리스트  전체넓이width:920px  이미지 사이즈 200px 일때 4개 가로형 */
.pro_list1 {margin-bottom:10px; display: inline-block; *display: inline; *zoom: 1;} /* float 버그 IE6~7 용*/
.pro_list1 li {float:left; display:inline;}
.pro_list1 li div.pro_content{width:200px; height:250px; padding:6px 9px 6px 13px; margin:10px 5px 0 2.5px; }
.pro_list1 li p{ text-align:center; display:block; padding-top:1px;}
.pro_list1 li .pro_img{ padding-bottom:8px; text-align:center; }
.pro_list1 li em{font-size:11px; font-style:normal; }
.pro_list1:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* 폼 스타일 */
#uid, #upwd, #upwd2, #uemail{ ime-mode:disabled; }
#uname, #uaddr, #urname{ ime-mode:active;  }
#ujnum1, #ujnum2{width:80px;}
#uemail{ width:180px; }
#uaddr{ width:400px; }
#uphone2, #uphone3, #uhphone2, #uhphone3{ width:50px;}


/*  ------ Main Page   ----------   */
/*삭제대상*/
/*#notice .n_img img{width:500px; height:300px;} 
#productList .list_Type1 .product_Img img{ width:200px; height:200px;} 

*/
#updateProduct, #selectProduct, #brandTag, #codyList, #shopInfo { margin-top:10px; width:920px; display:inline-block; *zoom:1;} 
	
	
/*공지*/
#notice {width:920px;  }
#notice:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#notice .n_img {width:500px; min-height:350px; margin:5px; overflow:hidden; }
#notice .n_list{ width:395px; padding:10px 5px;  }
#notice .n_list ul li {margin:0; padding: 5px 0 2px 10px; background: url(../image/sidebarBul.gif) no-repeat left center; border-bottom:1px dotted #999; }

#notice .n_list ul li.nahref{display:inline-block; *zoom:1; width:370px; }
#notice .n_list ul li.nahref:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#notice .n_list ul li.nahref .ntitle{ float:left;}
#notice .n_list ul li.nahref .ndate{ float:right;}


/*업데이트 상품리스트 */
#updateProduct { clear:both;}
	
#updateProduct img{ width:200px; height:200px; }


/* 브랜드 태그 */
#brandTag {text-align:justify; table-layout:fixed; word-break:break-all; }
#brandTag .item_Content .ibox{ padding:8px; }
#brandTag .item_Content .ibox a{color:#333; padding-right:3px; line-height:25px; }
#brandTag .item_Content .ibox a:hover{color:#FF6600; }
#brandTag .item_Content .ibox em{color:#ccc; padding-right:3px; /*background: url(../image/bar_ccc.gif) no-repeat left center;*/ }

/* shopinfo */
#shopInfo{ position:relative; }
#shopInfo div{ padding:12px 0 20px 0;}
#shopInfo div.f_Left { margin-left:20px; }

#shopInfo div.f_Right { margin-right:150px; padding-left:25px; background: url(../image/bar_ccc.gif) repeat-y left center;}
#shopInfo div h3{ padding:0 5px 10px 5px; }
#shopInfo div ul li {padding:3px; }
#shopInfo div.f_Right #ssllink{ position:absolute; right:15px; top:35px;}
/* 코디 리스트 */
#codyList {position:absolute; }
#codyList .item_Content {border:none; background:none;}
#codyList .item_Content .pro_list1 li div.pro_content{ width:70px; height:70px; padding:0; margin:0; }
#codyList .item_Content .pro_list1 li .pro_img { }
#codyList .item_Content .pro_list1 li .pro_img a{ display:block; width:70px; height:70px; overflow:hidden;}
#codyList .item_Content .pro_list1 li .pro_img a img { display:block; overflow:hidden; margin-top:-10px; margin-left:-40px;}
#codyList .item_Content .pro_list1 li .pro_img a:hover{width:64px; height:64px; border:3px solid #FF9900; z-index:3; overflow:hidden;}
#codyList .item_Content .pro_list1 li .pro_img a:hover img{ margin:-13px -3px -3px -43px; overflow:hidden;  }

/* --- productList Page -------------------- */
#productList {padding-top:18px; } /* width 반드시 있어야함 */
#productList .list_Navi {margin-top:15px; padding:0 0 10px 10px; border-bottom:1px dotted #ccc;}
#productList .list_Navi h2{ margin-right:8px; float:left; }
#productList .list_Navi li {padding-right:5px;}
#productList .list_Navi .f_Ul{ min-height:20px;  padding: 5px 0 0 0;  }
#productList .list_Navi .f_Ul li.ibar{ line-height:18px; background-position: 0 3px;}
#productList .list_Navi .f_Ul li.ibar a:hover{color:#FF6600; }

#productList .page_Navi {padding:20px; margin:15px 0 25px 0; }

/* --- productDetail Page ------------------ */
#productDetail{ *display: inline; *zoom: 1;}
#productDetail:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#productDetail #productData div.quabox{ display:inline-block; *zoom:1; }
/*#productDetail #productData div.quabox:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }*/
#productDetail #productData div.quabox{}
#productDetail #productData input#uqua{ float:left; height:15px; margin-top:-3px; *margin-top:-1px;}
#productDetail #productData div.bimg{ float:left;  padding-left:2px; margin-top:-2px; *margin:0px;  }
#productDetail #productData div.bimg p img{ margin-bottom:1px;}

/*#productDetail .f_Right:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }*/

#productDetail h3{ margin:5px 0; padding:5px 5px 5px 10px;  }
#productDetail h3 em span{ color:#D82D1F; font-size:20px; font-weight:bold; font-family:Arial,Tahoma,"굴림";}
#productDetail .f_Left{ width:640px; _width:635px; padding:5px 15px; }
#productDetail .f_Right{ width:235px; _width:230px; padding-left:10px; }
#productDetail .orderDescription{width:650px; padding-top:10px; margin-bottom:20px; }
#productDetail .orderDescription span{ padding:5px 5px 5px 30px; display:block; background: url(../image/bi_warningtri_eng.gif) no-repeat left center;  }
#productDetail .orderDescription p{ line-height:18px; width:630px; _width:625px; }
#productDetail dl:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#productDetail dl{ display: inline-block; *display: inline; *zoom: 1; }
#productDetail dl { width:100%; }
#productDetail dl dt, #productDetail dl dd {padding:5px; }
#productDetail dl dt { width:90px; float:left; text-align:right; }
#productDetail dl dd {text-align:justify; table-layout:fixed; word-break:break-all; }


	#productData{ margin-bottom:10px; }
	#productData #uqua { width:20px;}
	#productData h3{}
		#orderButNavi { margin-bottom:10px;}
		#productDescription { padding-left:15px; }
		#productDescription .textContent{ margin-top:5px; text-align:justify;table-layout:fixed; word-break:break-all; }
		#productDescription .textContent .smartOutput{ font-size:12px; line-height:1.6; font-family:Dotum, AppleGothic, Sans-serif;}	
	
	#productListNext {width:100%; padding-bottom:20px; }
	#productListNext ul{padding:5px 0px 5px 3px;}
	#productListNext ul li{margin-bottom:15px; margin-left:8px;}
	#productListNext ul li p a{display:block; margin-top:5px; font-size:11px; font-weight:normal;}
	#productListNext ul li p{width:98px;  word-break:break-all; text-align:center; font-size:9px; }
	#productListNext img{ width:100px; height:100px;}
	
	#orderButNavi ul li { padding-left:3px; }
	#productDetail #openLayers { width:250px; height:100px; text-align:center; vertical-align: middle;  padding:10px; margin-bottom:10px; border:2px solid #ccc; background:#eaeaea; display:none;}
	#productDetail #openLayers .butBox { padding-top:5px; }
	#productDetail #openLayers .text { padding:20px; }
	#qnaLayers {padding:10px;margin-bottom:10px; display:none; width:470px; border:1px solid #ccc;  background:#eaeaea; }
	#qnaLayers h4 { font-size:12px; }
	#qnaLayers h4 label{ font-weight:normal; }
	#qnaLayers #utitle ,#qnaLayers textarea {margin:5px 0; padding:5px; width:450px; } 
	#qnaLayers textarea {height:200px; }


/* --- Cat -------------- */
.tb_list1{ margin-bottom:20px; background:#fff;}
.tb_list1 table{border-collapse: collapse; width: 100%;}
.tb_list1 table thead{  background:url(../image/ui-bg_gloss-wave_35_f6a828_500x100.png) repeat-x left center; }
.tb_list1 th, .tb_list1 td { padding:5px; vertical-align: middle;}
.tb_list1 th { text-align: left; color:#666; border-bottom:1px solid #ccc;  background:url(../image/ui-bg_gloss-wave_35_f6a828_500x100.png) #FFCC00 repeat-x left center;  }
.tb_list1 td.img{ text-align:right; padding-right:10px; }
.tb_list1 th.talign, .tb_list1 td.talign{ text-align:center; }

.shop_guid_text{ padding:10px; }
.shop_guid_text p{line-height:18px;}
.cash_count strong{ font-size:14px; color:red; }
#catList {width:920px; min-height:600px;}
#catList h2{ margin-top:20px;}
#catList .tb_list1{ }
.shop_guid_text {margin:0 12px 0 10px; border-top:1px dotted #ccc; }
#catList #catButNavi{ text-align:center;}
#catList #catButNavi ul{ margin:0 auto; width: 300px;}
#catList #catButNavi .f_Ul li{ padding:10px 0 20px 3px;}
.cash_count{ text-align:right; padding:10px 20px 5px 0; }


/* ---- order ---------------------- */
#orderReport .item_Content{margin-bottom:10px; }

#pulgin_text {margin-top:10px; padding:5px; border-top:1px dotted #ccc; background:#FCFACB; }

#orderForm:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#orderForm{ display: inline-block; display:table; } 
*html #orderForm {*display: inline; *zoom: 1; }
#orderForm h3{ width:445px; display:block; line-height:20px; padding:5px; font-size:13px; font-weight:bold; background:url(../image/ui-bg_gloss-wave_35_f6a828_500x100.png) repeat-x left center; border-bottom:1px solid #ccc;}
#orderForm select{ height:25px; margin-bottom:-2px;}
#orderForm .addressDate th, #orderForm .cashDate th{ width:80px; color:#666; text-align:right;}
#orderForm fieldset th, #orderForm fieldset td{ padding:5px; vertical-align:middle; }
#orderForm .addressDate, #orderForm .cashDate {float:left; width:455px; min-height:430px; _width:450px; _height:420px; }
#orderForm .cashDate { margin-left:6px; font-size:9px; }
#orderForm .selectPay{ margin-bottom:10px; }
#orderForm .th_top { vertical-align:top; padding-top:7px; }
#orderForm #utprice{ padding:10px 5px 2px 5px; background:#FF6600; color:#fff; font-size:25px; font-weight:bold; width:122px; height:30px; }
#orderForm #payNavi{ margin-left:80px; margin-top:20px; }
#orderForm #payNavi .button{ margin-left:8px;}
#loadOrderGuids {display:block; }

#orderReport .cash_count{ text-align:right; padding:10px 120px 5px 0; }
#orderReport div.orderingResult{ position:absolute; left:0; top:0; overflow:hidden; }

#orderReport #massege_layer{ width:250px; height:100px; border:2px solid #666; text-align:center; padding:50px; background:#FEFAEF;}
#orderReport #massege_layer p{ font-weight:bold; }
#orderReport #massege_layer button{ margin:0 5px;}

/* 주문 가이드 */
#loadOrderGuids{width:920px;}
#orderGuid { width:920px;  padding:10px;  padding-left:20px; line-height:20px;}
#orderGuid p{ margin:10px 0;}
#orderGuid h3 {margin-bottom:10px; padding:8px 5px 7px 35px; display:block; background: url(../image/bi_warningtri_eng.gif) no-repeat left center; }
#orderGuid h4{padding:8px 5px 5px 15px; background:url(../image/ico_plus.gif) no-repeat left center; font-size:14px;}

/* order result */
#orderResult .result_Text{ padding:100px 100px 0 100px; }
#orderResult .result_Text p{ font-weight:bold; font-size:2em; line-height:1.5em;}
#orderResult .result_Text li{ line-height:25px; font-size:13px; font-weight:bold; }
#orderResult .result_Text li span.tpay{ font-size:20px; color:#FF3333; }
#orderResult .button{ margin-left:5px; }
#orderResult .butBox { padding:50px 100px; }
#orderResult #loadOrderGuids{ margin-top:10px;}
/*#orderResult #orderGuid { border-top:1px dotted #ccc; }*/


/* order serch */
#orderSerch #orderList { margin-bottom:5px; }
#orderSerch #orderList .td_right{ text-align:right;}
#orderSerch #orderList th, #orderSerch #orderList td{ padding: 3px 20px; height:25px; vertical-align: middle;}
#orderSerch .serchBox { padding:5px 5px 8px 10px; }
#orderSerch .serchBox span{display:inline-block; margin:0 3px; *zoom:1; }
/*
#orderSerch .serchBox { padding:5px; display:inline-block; display:table;  }
#orderSerch .serchBox input{ margin-bottom:-5px; }
#orderSerch .serchBox span{  margin-bottom:10px;}
#orderSerch .serchBox span strong{display:inline-block; *zoom:1; padding:5px; font-size:14px; color:#666; }
*/
/*#orderSerch .serchBox #startDate, #orderSerch .serchBox #endDate{ width:80px;  margin:0 10px;}*/
#orderSerch .serchBox #keyword{ width:220px; margin-top:5px; margin-bottom:-2px; }
#orderSerch .pagination {margin-bottom:10px;}

#orderDetail{ margin:10px 0; position:relative;  }
#orderDetail .modebox{width:400px; position:absolute;  text-align:right;  left:520px; top:0px; }
#orderDetail .modebox span{ display:inline-block; margin:0 10px; font-weight:bold; }
#orderDetail h5 {font-size:13px; padding: 10px 20px; text-align: left; color:#666; border-bottom:1px solid #ccc; background:#eaeaea;}
#orderDetail #addrpay_bx{ display:inline-block; *zoom:1; }
#orderDetail #addrpay_bx:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#orderDetail .RecDate, #orderDetail .payDate { position:relative; float:left; margin:10px 0; width:454px; min-height:280px; *height:280px;}
#orderDetail .RecDate{  margin-right:7px;  }
#orderDetail .RecDate th, #orderDetail .payDate th { width:20%; padding:10px; text-align:right; border-bottom:1px solid #eee; background:#F3F3F3; color:#666;}
#orderDetail .RecDate td, #orderDetail .payDate td { width:79%; padding:10px; text-align:left; border-bottom:1px solid #eee; color:#666;}
#orderDetail .RecDate table, #orderDetail .payDate table{ width:100%; }
#orderDetail div.butBox{position:absolute; display:inline-block; text-align:right;  left:198px; top:5px; width:250px;}
#orderDetail .payDate ul { margin:5px; }


/* mamber join */
#memberJoin {margin:10px 0 20px 0;}
#memberJoin .item_Content{ padding:10px 0; }

#memberJoin .h_sum{padding:10px 20px; color:#666; font-size:11px; }
#memberJoin #psContent, #memberJoin #shoppingRule{ margin-bottom:5px; width:850px; height:180px; padding:5px; border:1px solid #ccc;  overflow-y:scroll; }
#memberJoin #psContent div, #memberJoin #shoppingRule div{ line-height:25px;}

/* member Info */
#memberInfo {margin:10px 0 20px 0;}
#memberInfo .item_Content{ padding:10px 0; }

.memberform fieldset{ margin-left:30px;  margin-top:15px;}
.memberform table{ border-top: 2px solid #EBEBEB; width:95%;}
.memberform table th, .memberform table td{ padding:8px; border-bottom:1px solid #EBEBEB; }
.memberform table th{padding-top:10px; width:120px; color:#666; text-align: right; vertical-align: top; background:#F5F5F5;}
.memberform table td{vertical-align: middle; }
.memberform td .button { margin-top:-0.5px; *margin:-4px 2px 3px 0; }

.memberform legend{ font-weight:bold; font-size:14px; padding:5px 0 3px 15px; background: url(../image/ico_essential.gif) no-repeat left center; }
.memberform input#upost2, .memberform input#uid { margin-right:5px; }
.memberform .button.xLarge{ margin:20px 25px 25px 35px; }

/* privacy */
#memberPriva .item_Content .text_type1{ padding:10px 15px; }
#memberPriva .item_Content .text_type1 h3{ padding:8px 0; }
#memberPriva .item_Content .text_type1 p{ line-height:18px; }

/*이용안내*/
#shophelp .item_Content .text_type2{ padding:10px 10px 20px 30px; }
#shophelp .item_Content .text_type2 h3{ padding:10px 0; }
#shophelp .item_Content .text_type2 p{ line-height:18px; }
#shophelp .item_Content .text_type2 ul{padding-left:15px;}
#shophelp .item_Content .text_type2 ul li{list-style-type : disc; }
#shophelp .item_Content .text_type2 ol{padding:0 0 0 20px;}
#shophelp .item_Content .text_type2 ol li{  list-style-type : decimal; }
#shophelp .item_Content .text_type2 li{ padding:5px 0; }
/* 로그인*/
#login .h_sum{padding:10px 20px; color:#666; font-size:11px; }
#login fieldset{width:400px; height:400px; padding:20px; margin:20px auto; }
#login table {border:1px solid #EBEBEB;}
#login table { border-top: 2px solid #EBEBEB; }
#login table th, #login table td{ padding:8px;  }
#login table th{padding-top:10px; width:90px; color:#666; text-align: right; vertical-align: top; background:#F5F5F5;}
#login table td{text-align:left; width:100px; }
#login .loginbutbox{ margin-top:10px; vertical-align: top;  }
#login .loginbutbox li { padding:10px 0;}
#login form input{ padding-left:5px; }


/* 아이디 패스워드 찾기 */
#idpassSerch legend{ font-weight:bold; font-size:14px; padding:5px 0 3px 15px; background: url(../image/ico_essential.gif) no-repeat left center; }
#idpassSerch .jnum{ width:55px;}
#idpassSerch table{margin-bottom:10px; border:1px solid #ccc; border-top:2px solid #ccc;}
#idpassSerch th{ padding:5px; text-align:right; }
#idpassSerch td{ padding:5px; }
#idpassSerch #idserch, #idpassSerch #pwdserch{ margin-bottom:10px; padding:30px 0; width:400px; margin:0 auto; }

/* 찾기 결과 */
#pdresult{ width:300px; margin:0 auto; margin-top:100px; }
#pdresult #openLayer_result{ font-weight:bold; font-size:14px; padding:8px; background:#eee; border:1px solid #ccc; margin-bottom:10px;}

/*wish list */
#wishList {}
#wishList #listBox{width:920px; min-height:400px;  }
#wishList .item_Content{ padding-bottom:25px;}
#wishList #wishHeader { border-bottom:1px solid #ccc; padding:8px 0; background:#E8E8E8; }
#wishList #wishHeader .f_Ul{ margin:0 5px 0 13px; }
#wishList #wishHeader .f_Ul li { margin:0 3px; }
#wishList #wishHeader span.count_Num{display:block; font-size:13px; font-weight:bold; padding: 5px 8px; background:url(../image/bar_ccc.gif) no-repeat left center; }

/*bbs list */
#BBSContent .tab_navi{ *display: inline-block; *display: inline; *zoom: 1; }
#BBSContent .tabs{ border-left:1px solid #666; border-bottom:1px solid #666; *height:1%;}
#BBSContent .tabs li{ float:left;  }
#BBSContent .tabs li a{display:block; float:left; padding:8px 6px; background:#ccc; border-right:1px solid #666; border-top:1px solid #666;position:relative;}
#BBSContent .tabs li.select_tab a{ font-weight:bold; background:#fff; margin-bottom:-1px;border-bottom: 1px solid white; }
#BBSContent .tabs:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#BBSContent .item_Content{ border-top:none;}
#BBSContent .bbs_Body{ }
	.tb_list2 table { width:100%; }
	.tb_list2 thead { background:#E3E3E3;  }
	.tb_list2 th{ color:#555; text-align:left; padding:8px 6px; border-bottom:1px solid #c3c3c3;}
	.tb_list2 td{ padding:8px 6px; border-bottom:1px dotted #DFDFDF;  }
	.tb_list2 th.b_title { width:55%;}
	.tb_list2 td a, .tb_list2 td img { margin:0 3px; }
	.tb_list2 td em { font-weight:bold; color:#009933; }
	.tb_list2 .b_cen { text-align:center; }

#BBSContent .list_type_gallery li{float:left;}
#BBSContent .list_type_gallery li div.iboxs{ padding:8px; width:200px; height:250px; }

#BBSContent .list_type_gallery li .listImg a:hover{display:inline-block; border:6px solid #666; z-index:3; overflow:hidden; }
#BBSContent .list_type_gallery li .listImg a:hover img {display:block; overflow:hidden; margin:-6px;}

/*#BBSContent .list_type_gallery li .listImg{ width:200px; height:200px;}*/
#BBSContent .list_type_gallery li p{margin-top:5px; padding-left:7px; font-size:11px; color:#666;}
#BBSContent .list_type_gallery li p.title{height:12px; position:relative;}
#BBSContent .list_type_gallery li p.title a{position:absolute;}
#BBSContent .list_type_gallery span.listTitle{ font-size:11px; font-weight:bold; color:#333;}
#BBSContent .list_type_gallery em.comCount{padding-left:3px; font-size:9px; color:#CC3300; }
#BBSContent .list_type_gallery em.hCount{ padding-left:3px;}

#BBSContent .list_type_gallery:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#BBSContent .list_type_gallery{overflow:hidden; padding:25px 10px 10px 25px; *display: inline-block; *display: inline; *zoom: 1; }
 
#BBSContent .bottom_Navi{ padding-left:10px;}
#BBSContent .bottom_Navi .button{ margin:10px 5px 0 10px;}
#BBSContent .serchForm{ text-align:center; margin-bottom:25px; }

/* 게시판 입려폼 */
#BBSContent #bForm { padding:20px 0; }
#BBSContent #bForm h3{ margin-left:10px; margin-bottom:3px;padding-left:10px;  background:url(../image/ico_essential.gif) no-repeat left top; }
#BBSContent #bForm form{ padding-left:25px; padding-top:3px;  }
#BBSContent #bForm form input{ime-mode: active;}
#BBSContent #bForm .button{ margin:10px 0 40px 0; }
#BBSContent #bForm #ulocks { vertical-align:-3px; }
#BBSContent #bForm #uname { width:150px;  }
#BBSContent #bForm #utitle{ width:610px; margin-right:5px; display:inline-block;}
#BBSContent #bForm #utext{ width:850px; height:500px; margin-bottom:8px; ime-mode: active;}
#BBSContent #bForm span.button{ margin-right:20px;}
#BBSContent #bForm .inputBox label{ display:inline-block; width:50px; text-align:right; padding-right:5px; *display:inline; *zoom:1;}
#BBSContent #bForm .inputBox p{ padding:5px 0; }

/* 게시판 읽기 */
#BBSContent #bRead {padding-left:25px; }
#BBSContent #bRead .butBox{ padding:10px; margin-bottom:20px; }
#BBSContent #readTitle {  margin-top:10px; width:870px; background:#eee; border:1px solid #ccc; }
#BBSContent #readTitle h4 {font-size:15px; padding:15px 10px 10px 10px; border-bottom: 1px dotted #ccc; }
#BBSContent #readTitle em {padding-right:5px; }
#BBSContent #readTitle p {position:relative; padding:5px 10px; font-size:11px; }
#BBSContent #readTitle p span{ position:absolute; top:8px; left:650px; display:block; width:200px; text-align:right;}
#BBSContent #readText {line-height:20px; padding:20px 10px; width:840px; min-height:280px; *width:800px; text-align:justify; table-layout:fixed; word-break:break-all; }

#BBSContent #comment { width:870px; margin-bottom:20px; background:#eee; }
#BBSContent #comment h5 {padding:10px 5px 5px 10px; font-size:11px; background:#fff url(../image/img_bullet_tree_preview.gif) no-repeat left 50%; border-bottom:1px dotted #ccc; }

#BBSContent #comList:after, #BBSContent #ucform:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#BBSContent #comList, #BBSContent #ucform{display: inline-block; *display: inline; *zoom: 1; }
#BBSContent #comList dl{width:860px;}
#BBSContent #comList dt, #BBSContent #ucform dt { padding:5px 10px; font-weight:bold; }
#BBSContent #comList dt{ margin-top:8px;}
#BBSContent #comList dt span{ font-size:10px; font-weight:normal; margin-left:20px; }
#BBSContent #comList dd{ line-height:20px; width:850px;border-bottom:1px dotted #ccc; padding:5px 10px; margin:10px 0; text-align:justify; table-layout:fixed; word-break:break-all;}

#BBSContent #ucform{ margin-bottom:20px; }
#BBSContent #ucform dt{vertical-align: middle; height:25px;}
#BBSContent #ucform dt input{ margin-left:2px; margin-right:5px; width:100px; ime-mode: active;}
#BBSContent #ucform dt span.button{ *margin-bottom:-3px;}
#BBSContent #ucform dd{ padding:5px;}
#BBSContent #ucform dd textarea{margin-left:5px; padding:5px; width:840px; height:80px; ime-mode: active; }

#smartInput{ margin:0 10px 0 0;}
#smartInput .smartOutput{ font-size:12px; line-height:1.6; font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */
#smartInput .smartOutput h1, .smartOutput h2, .smartOutput h3, .smartOutput h4, .smartOutput h5, .smartOutput h6 { font-size:100%; }
#smartInput .smartOutput p{ margin-top:7px; margin-bottom:7px; }

#smartInput .smartOutput blockquote.q1,
#smartInput .smartOutput blockquote.q2,
#smartInput .smartOutput blockquote.q3,
#smartInput .smartOutput blockquote.q4,
#smartInput .smartOutput blockquote.q5,
#smartInput .smartOutput blockquote.q6,
#smartInput .smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

#smartInput .smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
#smartInput .smartOutput blockquote.q2{ padding:0 10px; background:url(../image/se/bg_qmark.gif) no-repeat;}
#smartInput .smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
#smartInput .smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
#smartInput .smartOutput blockquote.q5{ border:2px solid #707070;}
#smartInput .smartOutput blockquote.q6{ border:1px dashed #707070;}
#smartInput .smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

#smartInput .smartOutput sup{ font:10px Tahoma;}
#smartInput .smartOutput sub{ font:10px Tahoma;}
#smartInput .smartOutput table td{ padding:4px;}