#Board{position:relative; background-color:#fff; width:100%; padding:0px; margin:0px;}
#Board th{font-size:12px; font-weight:bold}
#Board td{font-size:12px}
#Board th, #Board td{padding:10px 0;}
#Board table, #Board table th, #Board table td{border:0 none}
#Board h3{min-height:17px; padding-left:25px; margin-bottom:3px; background:url("/images/common/icon/icon_h_red.gif") left top no-repeat}
#Board label{margin-right:10px}


/*form.skin*/
#Board.form .type1{width:100%; overflow:hidden;border-top:2px solid #333; padding:0px; margin:0px;}
#Board.form .type1 caption{display:none}
#Board.form .type1 table{width:100%;}
#Board.form .type1 th, #Board.form .type1 td{border-bottom:1px solid #ddd; padding:8px 10px;}
#Board.form .type1 th{border-right:1px solid #ddd; text-align:left; background:#f5f5f5;}
#Board.form .type1 td{text-align:left;}
#Board.form .subject .text{width:60%}
#Board.form .subject span{margin-left:10px}
#Board.form h3{display:none}
.noneEditor{width:98%; height:200px;}
#Board.form .type1 .require{background:url("/images/common/icon/icon_require.gif") 16px 10px no-repeat #f9f9f9;}

/* 제품구매등록 */
.purchase {line-height:1.5em; font-size:13px;}
.purchase .title {color:#07638f; font-size:15px; margin-bottom:10px; font-weight:600;}
.purchase .title img {vertical-align:middle;}
.purchase strong.black {display:block; margin-bottom:7px;}
.purchase_form .title {color:#07638f; font-size:15px; margin-bottom:10px; font-weight:600;}
.purchase_form .banner {margin:5% 0;}
.purchase_form .type1 th, .purchase_form .type1 td {display:block; width:100%; padding:1%;}

.list-dash li {padding-left:10px; background:url('/mobile/images/common/list_dash.gif') no-repeat left 10px; background-size:5px 1px;}

/*list.skin*/
#Board.list .type1{width:100%; overflow:hidden; border-top:2px solid #333; padding:0px; margin:0px;}
#Board.list .type1 caption{display:none}
#Board.list .type1 table{width:100%;}
#Board.list .type1 th, #Board .type1 td{border-bottom:1px solid #ddd; padding:8px 10px; text-align:center;}
#Board.list .type1 th{vertical-align:top; background:url(/images/common/board/list_th_bg.gif) left top repeat-x; border-left:1px solid #ddd;}
#Board.list .type1 th:first-child{border-left:none;}
#Board.list .subject{text-align:left; font-size:12px}
#Board.list .subject span{margin-left:4px}
#Board.list .subject img{vertical-align:middle}
#Board.list .W_photo{padding:10px;}
#Board.list .comment{color:#333; font-weight:bold}
#Board.list .type1 .nodata{height:50px; font-size:12px}
#Board.list .postsArea{text-align:right; overflow:hidden; margin-bottom:4px;}
#Board.list .posts{padding-left:16px;   font-size:11px;  background:url("/images/common/icon/icon_post.gif") left top no-repeat;}
#Board.list .posts span{margin-left:5px; color:#333; font-weight:bold}

/*view.skin (W.blog)
#Board.list .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0}
#Board.list .type2 td{border-bottom:1px solid #e0e0e0;}

#Board.view .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0}
#Board.view .type2 .date{border-bottom:1px solid #e0e0e0; background:#f5f5f5; padding:5px 15px 30px 15px;}
#Board.view .type2 .subject{padding:30px 15px 10px 15px; background:#f5f5f5; font-size:18px; color:#000; font-weight:bold;}*/

/*view.skin*/
#Board.view .type1{width:100%; overflow:hidden; border-top:2px solid #333; padding:0px; margin:0px;}
#Board.view .type1 caption{display:none}
#Board.view .type1 table{width:100%;}
#Board.view .type1 th, #Board.view .type1 td{border-bottom:1px solid #ddd; padding:8px 10px;}
#Board.view .type1 th{border-right:1px solid #ddd; text-align:left; background:#f5f5f5;}
#Board.view .type1 td{text-align:left;}
#Board.view .type1 #DivContents img{width:100%; max-width:100%;}
#Board.view .subject strong{margin-right:4px; font-size:11px; color:#333}
#Board.view .data{padding-left:18px; background:url(/images/common/icon/icon_data.gif) left top no-repeat }
#Board.view .postsArea{text-align:left; overflow:hidden; margin-bottom:4px; color:#333; font-weight:bold; text-decoration:underline}
#Board.view .posts{padding-left:16px;   font-size:12px;  background:url("/images/common/icon/icon_post.gif") left top no-repeat;}
#Board.view .viewArea img{max-width:200px;}

/*view.skin*/
#Board.view .type1_product{width:100%; overflow:hidden; border-top:0px solid #333; padding:0px; margin:0px;}
#Board.view .type1_product caption{display:none}
#Board.view .type1_product .proBox .proViewPhoto{width:50%; float:right;}
#Board.view .type1_product .proBox .proName{width:45%; font-size:18px; color:#333; font-weight:bold; float:left; text-align:left; padding:20px 5% 0px 0px;}
#Board.view .type1_product .proDescTable{width:100%; border-top:2px solid #339fd3}
#Board.view .type1_product .proDescTable .sName{background:#444; color:#ffffff; font-weight:bold; border-bottom:1px solid #111; border-right:1px solid #888;}
#Board.view .type1_product .proDescTable th{text-align:center; padding:10px 10px 10px 15px; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
#Board.view .type1_product .proDescTable td{text-align:center; padding:10px 10px 10px 15px; border-bottom:1px solid #e0e0e0; word-break:break-all;}
#Board.view .type1_product .proDescTable .view_type_2{border-left:1px solid #e0e0e0; word-break:break-all;}
#Board.view .type1_product .proBtn{width:100%; height:31px; text-align:right; margin:20px auto 0px;}


/***bbs.Gallery***/
#Board .gallery{width:100%; display:inline-block; overflow:hidden; position:relative; padding:0px; margin:0px;}
#Board .gallery ul{width:100%; display:inline-block; padding:15px 0px 0px 0px; margin:0px;}
#Board .gallery dl{width:100%; margin-top:8px; text-align:center; color:#333;}
#Board .gallery dd{color:#999}
#Board .gallery .nodata{width:100%; height:30px; padding:15px 0px 0px 0px; margin:0px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none}
#Board .gallery .subject{font-size:14px;}
#Board .gallery .subject span{margin-left:5px;}
#Board .gallery img{vertical-align:top}

	/*Gallery basic list.skin */
	#Board .basic ul li{width:48%; margin:0 1% 8% 1%; height:50%; float:left; display:inline-block; height:200px;}
	#Board .basic .thumb{position:relative; width:99%; margin-bottom:5px; background:none; overflow:hidden; }
	#Board .basic .thumb img{width:150px; height:150px; border:1px solid #eee;}
	#Board .basic .subject{text-align:center;}

	/* Smartphones (landscape) ----------- */

    @media only screen
	and (min-width : 480px) {
		/* Styles */
		#Board.view .viewArea img{max-width:440px;}

		#Board .basic ul li{width:45%; margin:0px 10px 30px; height:50%; float:left; display:inline-block;}
		#Board .basic .thumb{position:relative; width:99%; margin-bottom:5px; background:none; overflow:hidden; border:1px solid #eee; text-align:center;}
		#Board .basic .thumb img{height:200px;}
	}

/* product board view skin */
	.contentArea .content .proBox .proViewPhoto{width:50%; float:right;}
	.contentArea .content .proBox .proName{width:45%; font-size:18px; color:#333; font-weight:bold; float:left; text-align:left; padding:20px 5% 0px 0px;}
	.contentArea .content .proDescTable{width:100%; border-top:2px solid #339fd3}
	.contentArea .content .proDescTable .sName{background:#444; color:#ffffff; font-weight:bold; border-bottom:1px solid #111; border-right:1px solid #888;}
	.contentArea .content .proDescTable th{text-align:center; padding:7px; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	.contentArea .content .proDescTable td{text-align:center; padding:7px; border-bottom:1px solid #e0e0e0; word-break:break-all;}
	.contentArea .content .proDescTable .view_type_2{border-left:1px solid #e0e0e0; word-break:break-all;}
	.contentArea .content .proBtn{width:100%; height:31px; text-align:right; margin:20px auto 0px;}
/***end***/


/*search*/
#search{border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; background:#fafafa}
#search fieldset{padding:5% 0;}
#search label{display:none}


/*writeBtnArea*/
#Board .lineType1{padding-top:20px; background:url("/images/common/board/line_dot.gif") left top repeat-x}
#Board .writeBtnArea{width:100%; overflow:hidden; margin:20px 0 20px; text-align:center; }
#Board .writeBtnArea .colLeft{float:left}
#Board .writeBtnArea .colRight{float:right}


/*page*/
.pageArea{display:block; margin:10px 0; text-align:center; position:relative;}
.pageArea *{font-family:arial; font-size:8pt}
.pageArea a{border:1px solid #cccccc; color:#505050; cursor:pointer; padding:1px 5px; background:#fff; margin:0 2px}
.pageArea b{border:1px solid #D60000; color:#fff; cursor:pointer; padding:1px 5px; background:#D60000; font-weight:bold; margin:0 2px}
.pageArea .arrow{ border:0 none; padding:0; line-height:0; display:inline-block;}
.pageArea .arrow img{vertical-align:middle}


/*개인정보동의*/
#Board .privacy{width:100%; padding:40px 0 20px 0; display:inline-block; background:#f9f9f9 url("/images/common/board/privacy_bg.gif") left top no-repeat; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
#Board .privacy .tit{padding-left:15px; margin-top:15px; font-weight:bold; font-size:16px;}
#Board .privacy .textarea{width:90%; height:90px; margin:0px 15px 0;}
#Board .privacy .privacyCheck{ margin-top:10px; padding-right:15px; text-align:right}


/*passcheck*/
.xfCon{z-index:100}
.pssscheckWrap{width:400px; height:233px; background:url("/images/common/board/passcheck_bg.gif") left top no-repeat}
.pssscheck{padding:30px 0 0 50px}
.pssscheck h3{margin-bottom:13px}
.pssscheck p{margin-bottom:30px}
.pssscheck label{width:60px; padding-top:2px; display:block; float:left}
.pssscheck .writeBtnArea{padding-left:70px; margin-top:50px}
.pssscheck .writeBtnArea img{vertical-align:middle}


/*comment*/
.mgT30{margin-top:30px;}
#commentArea{background:#f9f9f9;}
.cWrite input, #commentArea textarea{background:#fff}
#CommentWrite, .commentList{padding:6px 18px 0; overflow:hidden}
.cWrite .userInfo{padding-top:8px; font-size:11px}
.cWrite .userInfo .writer{font-size:12px; font-weight:bold;  font-family:"NanumGothic",dotum,taroma}
.cWrite .confirm{text-align:right}
.cWrite .textarea{width:100%; height:46px}
.commentList .list{padding-bottom:12px; border-bottom:1px solid #ddd; margin-bottom:-1px;}
.commentList .listMenu{height:20px; padding-top:10px}
.commentList .listMenu .writer{float:left; padding-right:5px; font-weight:bold;  font-family:"NanumGothic",dotum,taroma}
.commentList .listMenu .date{float:left; font-size:11px; color:#999; font-family:"NanumGothic",dotum,taroma}
.commentList .listMenu .option{float:right; font-size:11px;}
.commentList .listMenu .option span{padding-left:3px}
.commentList .listMenu .option .best a{text-decoration:underline}


/* Gallery Board Zoom 관련 css */
.highslide { cursor:url(<?=$Board_Admin["skin_dir"]?>/highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide img { border: 0px solid gray; }
.highslide:hover img {}
.highslide-image { border: 2px solid #dddddd; }
.highslide-image-blur {}
.highslide-caption { display: none;  border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding:3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {color: white; background-color: gray;}
.highslide-move {cursor: move;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.control {float: right; display: block; position: relative;	margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 1px; margin-bottom: 1px;}
.control:hover { border-top: 0px solid #333; border-bottom: 1px solid #333; margin-top: 0; margin-bottom: 0;}
.control, .control * {color: #666;}

/*/ Gallery Board Zoom 관련 css */


/* 영문버튼css */
.btnBlack{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer;}
.btnBlack:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline;}

.btnGray{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#777; border:1px solid #555; cursor:pointer;}
.btnGray:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#555; border:1px solid #555; cursor:pointer; text-decoration:underline;}

.btnRed{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#d20000; border:1px solid #b70303; cursor:pointer;}
.btnRed:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#b70303; border:1px solid #b70303; cursor:pointer; text-decoration:underline;}

.btnBlue{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#6baccb; border:1px solid #3e94bd; cursor:pointer;}
.btnBlue:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#3e94bd; border:1px solid #3e94bd; cursor:pointer; text-decoration:underline;}

.btnSearch{width:auto; height:auto; padding:2px 10px 4px; vertical-align:middle; line-height:12px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer;}
.btnSearch:hover{width:auto; height:auto; padding:2px 10px 4px; vertical-align:middle; line-height:12px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline;}


.btnCommentB{width:70px; height:50px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer;}
.btnCommentB:hover{width:70px; height:50px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline;}


a.btnBlackP{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer; -moz-border-radius:2px; border-radius:2px;}
a.btnBlackP:hover{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline; -moz-border-radius:2px; border-radius:2px;}

a.btnBlueP{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#6baccb; border:1px solid #3e94bd; cursor:pointer; -moz-border-radius:2px; border-radius:2px;}
a.btnBlueP:hover{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#3e94bd; border:1px solid #3e94bd; cursor:pointer; text-decoration:underline; -moz-border-radius:2px; border-radius:2px;}

.btnBlueB{width:130px; height:12px; padding:8px 0px 8px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background:#6baccb; border:1px solid #3e94bd; cursor:pointer; -moz-border-radius:2px; border-radius:2px;}
.btnBlueB:hover{width:130px; height:12px; padding:8px 0px 8px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background:#3e94bd; border:1px solid #3e94bd; cursor:pointer; text-decoration:underline; -moz-border-radius:2px; border-radius:2px;}
.btnBlueB a{color:#fff;}
.btnBlueB a:hover, .btnBlueB a:focus, .btnBlueB a:visit, .btnBlueB a:link{color:#fff;}

.newtable { border:1px solid #DDDDDD !important; width:100%; margin-bottom:20px;}

.newtable td { border:1px solid #dddddd !important;}

.newtable th {text-align:center !important; border:1px solid #dddddd !important;}
#Board .newtable th, #Board .newtable td {padding: 8px;}