@CHARSET "UTF-8";

.jwxe_board * {font-family: ng, NanumGothic, '나눔고딕', ngttf, ngeot, 맑은고딕, 'Malgun Gothic', clean, sans-serif, HelveticaNeue, helvetica, arial; }
/*.jwxe_board {margin:10px;width:100%; line-height:20px; padding:10px 0;}*/
.jwxe_board {margin:10px;width:700px; line-height:20px; padding:10px 0;clear:both;}


.board_list_wrapper {clear:both;padding: 0 0 10px 0; margin-top:20px;}

.jwxe_board h2 {display:block; padding:10px 0; font-size:14px;}

.jwxe_board img {vertical-align:middle;}

.jwxe_board table {width:100%; table-layout:fixed;border-collapse:collapse;}

.jwxe_board .header_line {border-top:2px solid #889ec5;}

.jwxe_board .list_header_line {color:#47abcd; border-top:2px solid #79d2ef; background: url("../img/header_bg.gif") repeat-x transparent;}
  
.jwxe_board th {color:#636363; padding:7px 0; background-color:#fcfcfc; border-bottom:1px solid #d1daea;}
.jwxe_board td {color:#464646; padding:7px 0; border-bottom:1px solid #d1daea;word-break:break-all;word-wrap: break-word;}

.jwxe_board table.vmode th, .jwxe_board table.wmode th {color:#636363; padding:7px 0; background-color:#f8f8f8; }
.jwxe_board table.vmode td, .jwxe_board table.wmode td {color:#464646; padding:7px 0; word-break:break-all;word-wrap: break-word;}

.jwxe_board .voc {margin:13px 0 0 0; padding:8px; border-top:2px solid #889EC5;border-bottom:2px solid #889EC5}
.jwxe_board .voc p {padding:8px 0 8px 0}
.jwxe_board .voc .header_line {border-top:1px solid #D1DAEA;border-bottom:1px solid #D1DAEA; padding:3px;}
.jwxe_board .voc table.lmode td {border-bottom:1px dotted #D1DAEA}

.jwxe_board table.lmode {border-bottom:2px solid #889EC5}
.jwxe_board table.lmode th {
	color:#5574AD;
	height:30px;
	padding: 0;
	border:0;
	background: none;
	font-weight:bold;
}

.jwxe_board .calendar {width:90px; background: url("../img/calendar.gif") no-repeat transparent right center; cursor: pointer;}
.jwxe_board .top-notice {font-weight:bold; font-size:15px; }

.jwxe_board ul.teacher {margin-top:10px}
.jwxe_board ul.teacher dt {clear:both; float:left; width:120px; padding:1px;  }
.jwxe_board ul.teacher dd {float:left;padding:1px;}

.jwxe_board table.lmode td {text-align:center; padding: 5px 0; }
.jwxe_board table.lmode td.title {text-align:left;}
.jwxe_board table.lmode td {border-bottom:1px solid #ededed;}

.jwxe_board .category_box {font-size:1.0em;font-weight:bold;}
.jwxe_board .category_box li {float:left; position:relative;height:28px; padding:4px;} 
.jwxe_board .category_box li a{color:#888888;} 
.jwxe_board .category_box li.selected {background: url('/_common/img/box_no_line_bg.gif') repeat-x;}
.jwxe_board .category_box li.selected a {color:#1047D8;}
.jwxe_board .tag_bg {background: url('/_common/img/box_line_bg.gif') repeat-x scroll 0% 0%;}
.jwxe_board li.box_left_coner {width:4px; padding:0; 	background: url('/_common/img/box_left_coner.gif') no-repeat; }


.jwxe_board .red {color:red;}

.jwxe_board table.wmode th {width: 15%;}
.jwxe_board table.wmode td {padding:0 5px 1px 5px;}
.jwxe_board table.wmode input.title {height:18px; width:100%; border:1px solid #DDDDDD;}

.jwxe_board table.vmode th {width: 15%;}
.jwxe_board table.vmode td {padding:0 5px;}
.jwxe_board table.vmode .text {padding:7px; line-height:1.3em; text-align: left;}
.jwxe_board .admin {margin-top:15px;}

.jwxe_board .row-bg {background-color:#f9fafa;}

.jwxe_board .input, .jwxe_board select {height:17px; vertical-align: middle; font-family:"돋움", Dotum, "굴림", Gulim; font-size:12px; border:1px solid #dddddd; }
.jwxe_board .file_input {height:auto !important;}
.jwxe_board select {height:20px;}
.jwxe_board textarea {border:1px solid #DDDDDD; margin:5px 0; width:100%; height:250px; font-size:12px;}

.jwxe_board col.no {width:60px; text-align:center;}
.jwxe_board col.attach {width:40px; text-align:center;}
.jwxe_board col.category {width:110px; text-align:center;}
.jwxe_board col.email {width:130px; text-align:center;}
.jwxe_board col.tel {width:100px; text-align:center;}
.jwxe_board col.title {width:*;}
.jwxe_board col.date {width:90px; text-align:center;}
.jwxe_board col.cnt {width:60px; text-align:center;}
.jwxe_board col.state {width:70px; text-align:center;}

.jwxe_board .box {width:100%; padding-bottom:5px;}
.jwxe_board .box_left {float:left;}
.jwxe_board .box_right {float:right;}
.jwxe_board .box_right_search {float:right;padding-bottom:5px;width:275px;}
.jwxe_board .box_border {boder:1px solid gray;}
.jwxe_board .box_btn {margin-top:14px;}

.jwxe_board .box_pager {text-align:center;clear:both;}
.jwxe_board .box_pager a {padding:0 2px;}

.jwxe_board .submit {vertical-align:middle; border:0;}


.jwxe_board .search_btn {border:none; vertical-align:middle;}
.jwxe_board .search_form legend {display:none;}
.jwxe_board .search_form label {display:none;}
.jwxe_board .search_form #search_key {width:70px;}
.jwxe_board #search_category, #category_id {width:150px;}

.jwxe_board .search_form th {width:100px;border:none;padding:4px; }
.jwxe_board .search_form td {padding:4px;border:none;}

.jwxe_board	.attach_select {border:1px solid #abadb3; width:50px;}

.jwxe_board .attach_list {padding:5px;}
.jwxe_board .attach_list li {padding:2px;}

/* 삭제된 게시물 리스트 표시*/
.jwxe_board .deleted_article {text-decoration:line-through; color:#B0B0B0;}



/* faq board */
/*.jwxe_board .faq {border-bottom:solid 2px #889EC5;}*/
.jwxe_board .faq td {border:none; padding: 0; height: 25px;}
.jwxe_board .faq_q {text-align:center;width:45px;font-weight:bold; padding:7px !important; font-size:1.2em; font-family:Arial; }
.jwxe_board .faq_title {text-align:left !important; padding:7px !important;}
.jwxe_board .faq_a {margin-top:10px;text-align:center;border-top:solid 1px #8B8B8B;font-weight:bold; color:white; background-color:#8B8B8B;height:20px; font-size:1.2em; font-family:Arial;}

.jwxe_board .faq_q_td{vertical-align:top;}
.jwxe_board .faq_content {border-top:solid 1px #8B8B8B;padding:7px !important; font-size:12px !important;}

.jwxe_board .faq_list_wrapper {
	background: url('/_common/img/table_top_line.gif') repeat-x scroll 0 4px;
}


.jwxe_board .category_faq {padding-bottom:50px;font-size:1.0em;font-weight:bold;}
.jwxe_board .category_faq li {position:relative;float:left;padding:5px 6px 0 6px;} 

.jwxe_board .category_faq li.selected a {color:#13c0cb;} 
.jwxe_board .category_faq li.selected {border-top:2px solid #13c0cb; color:#13c0cb} 


/* image board */

.jwxe_board .image_wrapper {clear:both; float:left; border-bottom:1px dotted #b5b5b5; margin-bottom:5px; width:100%;}
.jwxe_board .image_row {float:left; padding:10px 10px 10px 30px; margin-right:20px;}
.jwxe_board .box_image_view {padding:10px 0 20px 0; width:100%; text-align:center;}


/* comment */
.jwxe_board .comment_box {clear:both; margin-top:15px;text-align: left;}
.jwxe_board .comment_box .summary {float:right;}
.jwxe_board .comment_box .list {clear:both;padding:5px 0 5px 0;}
.jwxe_board .comment_box .list dl {border:solid 1px #e2e2e2;margin-top:10px;padding:4px 0 4px 0;}

.jwxe_board .comment_box .list dd {padding:5px;}
.jwxe_board .comment_box .list .item {display:none;}

.jwxe_board .comment_box .list .writer {text-align:center;float:left; width:75px;}
.jwxe_board .comment_box .list .date {float:left; }
.jwxe_board .comment_box .list .comment {clear:both;margin-left:90px;}

.jwxe_board .comment_box .list .delete {float:right;}


.jwxe_board .comment_box .input_wrapper {clear:both;border:solid 1px #e2e2e2;padding:4px;text-align:center;margin-bottom:15px;}
.jwxe_board .comment_box .comment_input {height:55px;padding:5px;background-color:#f1f1f1; width:480px;border:0}

.jwxe_board .comment_box .write_info dt {text-align:left;padding:5px;float:left;}
.jwxe_board .comment_box .write_info dd {text-align:left;padding:5px;float:left;}
.jwxe_board .comment_box .write_info {text-align:left;vertical-align:middle;}

.jwxe_board .minput {color:red; font-weight:bold;}




.jwxe_board .category {padding-bottom:50px;font-size:1.1em;font-weight:bold;}
.jwxe_board .category li {position:relative;float:left;padding:5px 10px 0 10px;} 

.jwxe_board .category li.selected a {color:#13c0cb;} 
.jwxe_board .category li.selected {border-top:2px solid #13c0cb; color:#13c0cb} 


.jwxe_board .wp5 {width:5%;}
.jwxe_board .wp7 {width:7%;}
.jwxe_board .wp10 {width:10%;}
.jwxe_board .wp11 {width:11%;}
.jwxe_board .wp13 {width:13%;}
.jwxe_board .wp15 {width:15%;}
.jwxe_board .wp20 {width:20%;}
.jwxe_board .wp25 {width:25%;}
.jwxe_board .wp30 {width:30%;}
.jwxe_board .wp35 {width:35%;}
.jwxe_board .wp40 {width:40%;}
.jwxe_board .wp45 {width:45%;}
.jwxe_board .wp50 {width:50%;}
.jwxe_board .wp55 {width:55%;}
.jwxe_board .wp60 {width:60%;}
.jwxe_board .wp65 {width:65%;}
.jwxe_board .wp70 {width:70%;}
.jwxe_board .wp75 {width:75%;}
.jwxe_board .wp80 {width:80%;}
.jwxe_board .wp85 {width:85%;}
.jwxe_board .wp90 {width:90%;}
.jwxe_board .wp95 {width:95%;}
.jwxe_board .wp100 {width:100%;}
 .jwxe_board .search-box {
	padding:10px 20px 10px 0;
}


.jwxe_board .board_list_wrapper {
	background: url('/_common/img/table_top.gif') repeat-x scroll 0% 0%;
}

.jwxe_board .board_right_wrapper {
	position: absolute;
	width:90%;
	height: 30px;
	background-image:url("/_common/img/table_top_right.gif");
	background-position:right center;
	background-repeat:no-repeat;
}

.jwxe_board .title_seperator {
	background:url("/_common/img/blue_b_bar.gif") right center no-repeat !important;
}

.jwxe_board .title_left {
	background:url("/_common/img/table_top_left.gif") left center no-repeat !important;
}


.jwxe_board .title_right {
	background:url("/_common/img/table_top_right.gif") right center no-repeat !important;
}


.jwxe_board table.food {
	border: 1px solid #9DCACE;
}

.jwxe_board table.food td, .jwxe_board table.food th{
	border: 1px solid #9DCACE;
	height: 29px;
	padding: 8px;
}

.jwxe_board table.food th{ background: none repeat scroll 0 0 #F9FBFA; height:50px; font-size:1.2em;}

.jwxe_board .sc_title {font-weight: bold; font-size: 1em; padding:10px;}


/*by jss*/
.jwxe_board .center_news .image_row {float:left; padding:10px 10px 10px 0px; width:317px;}



.jwxe_board .market .category_faq {
    font-size: 1em;
    font-weight: bold;
		margin-bottom: 15px;
}

.market .category_faq td {
    border: 3px solid #e4e4e4;
    padding: 5px;
    text-align: center;
    width: 14.2%;
}

.market .category_faq td a {
    display: block;
		font-size:13px;
}

.market .category_faq td.selected {
    background-color: #eff1f0;
}

.market .category_faq td:hover {
    background-color: #eff1f0;
		color: black;
}

.market .category_faq td a, .category_faq a:hover, .category_faq a:visited {
		color: #666;
}

.category_faq td.selected a, .category_faq.selected a:hover, .category_faq.selected a:visited {
		color: black;
}

.image_row li.cate { text-align: right;  color: #888; }

.image_row li.price { text-align: right; color: #4d6771;  }

.jwxe_board table.vmode .product td.p_img { padding: 10px; text-align: center; height: 220px; width: 250px; }
.jwxe_board table.vmode .product td.p_img img { max-width: 100%; max-height: 100%; }
.jwxe_board table.vmode .product td.p_title { padding: 10px; vertical-align: top; line-height: 30px;}
.jwxe_board table.vmode .product td.p_title ul {padding: 0;}
.jwxe_board table.vmode .product td.p_title li {border-bottom: 1px dotted #ccc; background: url(/_custom/piano/_common/board/common/img/center_list.gif) no-repeat scroll 0px 12px; padding-left:15px;}
.jwxe_board table.vmode .product td.p_title h3 { font-size:16px; }

.jwxe_board .fancy-box { cursor: pointer; }
.jwxe_board .fancy-box:hover {opacity:.5}
.jwxe_board .fancy-box {opacity:1}


.btn_wrap1 {
    border: 1px solid #CCCCCC;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
		cursor: pointer;
}


span.quantity {
    display: inline-block;
    position: relative;
}


span.quantity .QuantityUp {
    left: 32px;
    position: absolute;
    top: 0;
		cursor: pointer;
}



span.quantity .QuantityDown {
    bottom: 0;
    left: 32px;
    position: absolute;
		cursor: pointer;
}

.market span.total {
	font-weight: bold;
	color: #894E45;
	font-size: 15px;
}

.market .order-box {
	text-align: right;
	margin-top:10px;
	
}

table.order-list tr.summary { font-weight: bolder; font-size:15px;}

.order h3 { clear:both; margin-bottom:20px; border-bottom: 2px solid #aaa; background: url(/_custom/piano/_common/board/common/img/center_list.gif) no-repeat scroll 0px 27px; padding:20px 0 10px 10px;}

table.order-list .order-img-pre { text-align: center; padding:10px;}
table.order-list .order-img-pre img {max-width:100%; max-height:100%;}

.order input[type=text] { height: 20px; width: 300px;}
.order #article_text { float: left; height: 150px; }


.order ul.info li { height: 30px; }
.order ul.info li span.lbl {float: left; width: 250px; }
.order ul.info li span.ipt {float: left;  }