/* 공통 */
.formText{
	border-radius:5px; 
	margin:1px; 
	font-size:11pt;
	padding:6px 5px; 
	border:2px solid #aaa;
	vertical-align:middle; 
	text-align:left; 
	background-color:#fff
}
.formText:hover { background-color: #fff; border:2px solid #5F82E5;}
.formSelect{
	border-radius:5px; 
	padding:6px 5px; 
	margin:1px;
	border:2px solid #aaa;
	vertical-align:middle;
	background-color:#fff
	font-size:11pt;
}
.joinInfo .bbs_write01 td input.file_text{float:left;width:50%;background:#fff;font-size:10pt;}

.joinInfo .bbs_write01 td input.formText{
	border-radius:5px; 
	font-size:11pt;
	margin:1px; 
	padding:9px 5px; 
	border:2px solid #aaa;
	vertical-align:middle; 
	text-align:left; 
	background-color:#fff
}
.joinInfo .bbs_write01 td .formText:hover { background-color: #fff; border:2px solid #5F82E5;}

.joinInfo .bbs_write01 td select.formSelect{
	border-radius:5px; 
	padding:6px 5px; 
	margin:1px;
	font-size:11pt;
	border:2px solid #aaa;
	vertical-align:middle;
	background-color:#fff
}
.formSelect:hover { background-color: #fff; border:2px solid #5F82E5;}
.loginsmall_size {width:70%;}

input.formText_small{width:50px; background-color:#fff}

.formText_poll{width:130px;}

/*상단검색폼 */
input.searchText{border-radius:5px; height:25px;margin:1px; padding:2px 5px;border:2px solid #fff;vertical-align:middle; text-align:left; background-color:#f9f9f9}
.searchText:hover { background-color: #FAEFEF; border:2px solid #C23636;}

/* Selects */
.comm_sel {float:left;margin-right:5px}
.comm_sel .jq_sel {display:block;position:relative;height:32px;background:url('../images/bg_selbox.gif') no-repeat 0 0;font-size:11px}
.comm_sel .jq_sel span {position:absolute;left:0;top:0;white-space:nowrap;height:32px;width:100%;_width:auto;line-height:32px;text-align:left;text-indent:8px;color:#9c9daf;overflow:hidden;cursor:pointer}
.comm_sel .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:28px;height:32px;background:url('../images/bg_selbox.gif') no-repeat 100% 0}
.comm_sel .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:31px;left:0px;max-height:300px;width:100%;list-style:none;background-color:#3d3d45;border-top:solid 1px #18181a;border-bottom:solid 1px #18181a;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.comm_sel .jq_sel li {border-right:solid 1px #18181a;border-left:solid 1px #18181a}
.comm_sel .jq_sel ul a {display:block;padding:4px 2px 4px 8px;text-decoration:none;color:#9c9daf;text-align:left}
.comm_sel .jq_sel ul a:hover {background-color:#212227}
.comm_sel .jq_sel ul a.selected {}
.comm_sel .jq_sel_hide {display:none}

.comm_sel_type2 .jq_sel {height:26px;background-position:0 -70px}
.comm_sel_type2 .jq_sel span {height:24px;line-height:25px;color:#555}
.comm_sel_type2 .jq_sel a.jqTransformSelectOpen {height:24px;background-position:100% -70px}
.comm_sel_type2 .jq_sel ul {top:24px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel_type2 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type2 .jq_sel ul a {color:#666;}
.comm_sel_type2 .jq_sel ul a:hover {background-color:#eee}

.comm_sel_type3 .jq_sel {height:32px;background-position:0 -100px;font-size:12px}
.comm_sel_type3 .jq_sel span {height:32px;line-height:32px;color:#555}
.comm_sel_type3 .jq_sel a.jqTransformSelectOpen {width:34px;height:32px;background-position:100% -100px}
.comm_sel_type3 .jq_sel ul {top:31px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel_type3 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type3 .jq_sel ul a {color:#666;padding:5px 2px 5px 8px;}
.comm_sel_type3 .jq_sel ul a:hover {background-color:#eee}

/* =================회원가입폼 시작================= */
.joinInfo .bbs_write01 th p em{padding-left:7px;color:#f00;}
.joinInfo .bbs_write01 td p{display:inline-block;padding:3px 0 3px 0;}
.joinInfo .bbs_write01 td p:first-child{margin-right:-4px;}

/*필드세로정렬 */
.joinInfo .bbs_write01 td input, .joinInfo .bbs_write01 td select{vertical-align:middle;}
.joinInfo .bbs_write01 td input[type="radio"]{margin:0 0 0 0;vertical-align:middle;}

/* 각 필드들.. */

.joinInfo .bbs_write01 td .formText{width:140px;}
.joinInfo .bbs_write01 td .formSelect{width:140px;}
.joinInfo .bbs_write01 td .textDomin{width:198px;}
.joinInfo .bbs_write01 td .textphone{width:60px;}
.joinInfo .bbs_write01 td .textPost{width:58px;}
.joinInfo .bbs_write01 td .textAddr01{width:95%;}
.joinInfo .bbs_write01 td .textAddr02{width:95%;}
.joinInfo .bbs_write01 td.email{padding:9px 8px; }
.joinInfo .bbs_write01 td.addr01{padding-top:7px;}
.joinInfo .bbs_write01 td.addr02{padding-bottom:7px;}
.joinInfo .bbs_write01 td.addr02 p{margin-top:-3px;padding-top:0;}
.joinInfo .bbs_write01 td.addr02 input{margin:6px 0 0;}

.joinInfo .bbs_write01 td .SelectM{width:100px;}
.joinInfo .bbs_write01 td .SelectL{width:50%;}
.joinInfo .bbs_write01 td .formText_big{width:50%; background-color:#fff}

.formText.form_topsearch{  /***메뉴 상단 제품검색 폼****/
	font-size:10pt; 
	letter-spacing: -0.02em;
	padding:8px;
	border-radius:50px;
	background-color:#f8f8f8;
	border:none; 
	}

.joinInfo .bbs_write01 td .formText_mini{width:100px;}
.joinInfo .bbs_write01 td .formText_lage{width:200px;}
.joinInfo .bbs_write01 td .formText_xlage{width:300px;}

/* 이용약관, 개인정보 취급방침 */
.join .joinRule{margin-top:10px;}
.join .joinRule .ruleBox{
	height:200px;
	padding:0 29px; 
	overflow-y:scroll; 
	border:1px solid #e5e5e5;
	}
.join .joinRule p{margin:10px 0 10px;text-align:left;}

/* 게시판 댓글 --textarea--*/
#comment fieldset table{width:100%;}
#comment fieldset td .btn{text-align:right;}
#comment fieldset td .box{ padding:5px; height:100px; border:2px solid #aaa;border-radius:5px; }

#comment fieldset td .box textarea{
	width:100%;
	height:85px; 
	margin:0px; 
	padding:0 0 0 0;
	font-size:11pt;
	line-height:150%;
	border:none;
	}



/* 게시판내용 textarea--*/
#commentarea fieldset table{width:100%;}
#commentarea fieldset td.btnarea {text-align:right;}
#commentarea fieldset td .boxarea {padding:0 0 0 10px;height:250px;border:1px solid #e5e5e5; margin:5px;}
#commentarea fieldset td .boxarea textarea{
	width:100%;
	height:300px;
	padding:0 0;
	line-height:150%;
	border:none;
	background:url('') no-repeat -10px 0;
	}


/* 검색 */
.bbs_sch_area{overflow:hidden;}
.bbs_sch_area .bbs_count{float:left;width:20%;padding-top:7px;}
.bbs_sch_area .bbs_count strong{color:#000;}
.bbs_sch_area .bbs_sch{float:left;width:80%;text-align:right;}
.bbs_sch_area .bbs_sch select.formSelect{width:100px;}
.bbs_sch_area .bbs_sch input.formText{width:158px;}

/* 게시판 */
.bbs_sch_area{position:relative;}
.bbs_sch_area .bbs_count{width:100%;}
.bbs_sch_area .bbs_sch{clear:both;width:100%;margin-top:13px;text-align:left;}
.bbs_sch_area .bbs_sch select.formSelect{width:30%;}
.bbs_sch_area .bbs_sch input.formText{width:46%;padding:2px 2%;}
.bbs_sch_area .bbs_sch .btn{position:absolute;right:0;top:0;}
/* 회원가입폼 전체크기 */
.joinform_size  {width:90%; margin:0 auto;}
.joinform_sizeR   {width:60%; margin:0 auto;}

/* 게시판첨부파일 */
.bbs_write {margin-top:20px;}
.bbs_write > table.write_1 {width:100%;}
.bbs_write .i_file2 {position: relative; margin-top:10px;}
.bbs_write .i_file2 .file_text {display: inline-block; height:24px; line-height:24px; padding:0px 10px; overflow: hidden; border:#d9d9d9 solid 1px; background-color:#fff; width:75%; vertical-align: middle;}
.bbs_write .i_file2 .file_text img.btn_delete {vertical-align: middle; display: none; cursor: pointer;}
.file_btn {display:inline-block; font-weight:bold; padding:4px 0px; width:56px; text-align:center; border:#aaa solid 1px; background-color:#f6f6f6; margin-left:5px; vertical-align: middle; line-height:1.2em; position:relative; cursor: pointer;}
.bbs_write .file {position: absolute; left: 0px; top: 0px; width:56px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

/* 게시판첨부파일mediaquery */
@media all and (min-width:1021px) and (max-width:1530px) {
.bbs_write .i_file2 .file_text {width:80%;}
}

@media all and (min-width:721px) and (max-width:1020px) {
.bbs_write .i_file2 .file_text {width:80%;}
.joinform_size  {width:100%; margin:0 auto;}
.joinInfo .bbs_write01 td .textphone{width:60px;}
.joinInfo .bbs_write01 td .textPost{width:58px;}

}

@media all and (max-width:720px) {
.formText {font-size:9pt;}
.joinInfo .bbs_write01 td .formText {width:90%;}
.bbs_write .i_file2 .file_text {width:60%;}
.joinform_sizeR   {width:90%; margin:0 auto;}
.joinform_size  {width:100%; margin:0 auto;}
.joinInfo .bbs_write01 td .formText_mi{width:100px;}

.loginsmall_size {width:100%;}
.joinInfo .bbs_write01 td input.formText{font-size:9pt;}
.joinInfo .bbs_write01 td  select.formSelect {font-size:9pt;}
#comment fieldset td .box textarea{	font-size:9pt;	}
.joinInfo .bbs_write01 td .formText_poll{width:100px;}

.joinInfo .bbs_write01 td .formText_mini{width:90%;}
.joinInfo .bbs_write01 td .formText_lage{width:90%;}
.joinInfo .bbs_write01 td .formText_xlage{width:90%;}
.joinInfo .bbs_write01 td .textphone{width:60px;}
.joinInfo .bbs_write01 td .textPost{width:58px;}
}
