article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
	display: block
}
body {
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow-y: visible !important;
	
	color: #555;
	font-size: 9pt;
}

.tblwrap input, textarea, button, select {
	
	color: #555;
	font-size: 12px;
}

.tblwrap label, em, span {
	font-size: inherit;
}
.tblwrap form {
	display: inline;
	margin: none
}
img, fieldset {
	border: 0
}
hr {
	display: none
}
li {
	list-style: none
}
em, address {
	font-style: normal
}
label, input, select, textarea {
	vertical-align: middle;/*-webkit-appearance:none*/
}
legend {
	position: absolute;
	left: -5000px;
	font-size: 0
}
caption {
	position: relative;
	left: -5000px;
	height: 0;
	line-height: 0;
	text-indent: -5000px
}
.tblwrap a {
	color: #444;
	outline: none;
}
.tblwrap a:link, a:active, a:visited, a {
	text-decoration: none;
}
.tblwrap a:hover {
	text-decoration: none;
	color: #727272
}
.tblwrap table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
del {
	display: block;
}
.w_all{
	margin-right: 5px;
	height: 28px;
	line-height: 30px;
	text-indent: 10px;
	border: 1px solid #ccc
}


@-moz-document url-prefix() {
select {
padding:0 8px;
};
}
/* input disabled */
textarea:disabled, input:not([type]):disabled, input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled {
	background: #f9f9f9
}

/****************************************************
 Common
****************************************************/

.txt_guide {
	padding-top: 5px;
	color: #999;
	font-size: 11px;
}
.ft_point01 {
	color: #c69c6c;
}
.ft_point02 {
	color: #f00;
}
.ft_underline {
	text-decoration: underline;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
*zoom:1;
}
.invisible {
	position: absolute;
	left: -5000px;
	height: 0;
	line-height: 0
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}/* 말줄임 */
.scroll {
	overflow-y: scroll;
}
.block {
	display: block!important;
}
.form_hyphen {
	padding-right: 5px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #b0b0b0;
}
.border_right {
	border-right: 1px solid #ebebeb;
}
.btm_notice {
	padding: 35px 0 0 40px;
}
.box_type_1 {
	padding: 40px;
	background: #fff;
	border: 1px solid #e3e3e3;
}
.box_type_2 {
	padding: 20px;
	background: #f9f9f9;
	border: 1px solid #e3e3e3;
}
.box_common {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}

.com_txt {
	color: #555
}
.com_txt_p {
	padding-left: 10px;
	color: #999;
	font-size: 11px
}
.com_txt2 {
	color: #555;
	font-size: 11px;
}
/****************************************************
 Etc
****************************************************/

.w_all {
	width: 100%;
}/*input_widh100%*/
.andmail {
	margin-right: 5px;
	color: #444;
	font-size: 14px;
	line-height: 30px;
}
.hp_num1, .hp_num2 {
	width: 80px;
}
.em_form {
	width: 120px;
}
.em_select {
	width: 120px;
}
.szpoll_wrap {
position:;
	margin-top: 20px;
}
.sum_add {
	margin-left: 10px;
	padding: 0 2px;
	display: inline-block;
	color: #fff;
	font-size: 11px;
	background: #c69c6c;
}

.file_upload {
	position: relative;
	display: inline-block;
	width: 45%;
	padding-right: 120px;
}
.file_upload input.text {
	width: 100%;
	height: 30px;
	padding: 0 6px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.file_upload .upload_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
}
.file_upload .upload_btn button.img_upload {
	display: inline-block;
	width: 90px;
	height: 32px;
	padding: 0 15px;
	color: #444;
	font-size: 12px;
	background: #f5f5f5;
	border: 1px solid #ccc;
}
.file_upload .upload_btn input.add_s {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 90px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.input_sumtxt {
	position: relative;
	padding-right: 80px
}
.input_sumtxt input {
	width: 100%;
}
.input_sumtxt > div {
	position: absolute;
	right: 0;
	top: 5px;
	width: 70px;
	text-align: left;
}
.input_sumtxt div span {
	float: left;
	margin-right: 3px;
}
.input_sumtxt > div.input_sumtxt_box {
	width: 100%;
	position: relative;
	top: 1px;
}
.input_sumtxt > div.input_sumtxt_box div {
	display: none;
}
.input_sumtxt > div.input_sumtxt_box div.on {
	display: block;
}

/****************************************************
 Title
****************************************************/
.title_wrap {
	position: relative;
	min-height: 35px;
	overflow: hidden;
}
.title_wrap.line {
	padding-bottom: 15px;
	border-bottom: 1px solid #414040;
}
.title_wrap.line .btn_wrap {
	margin-top: -20px
}
.title_wrap h4 {
	font-size: 16px;
	color: #222;
}
.title_wrap h5 {
	font-size: 12px;
	color: #222;
	font-weight: bold;
}
.title_wrap .txt {
	margin-top: 15px;
	font-size: 12px;
	line-height: 22px;
	display: block;
	clear: both
}
.title_wrap .reqd_txt, .title_wrap .bul_sty01, .title_wrap .guide_comment {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;

}
.title_wrap .guide_comment {
	margin-top: -5px;
}
.title_wrap .reqd_txt.none {
	position: relative;
	float: left;
	margin: 3px 0 0 15px;
}
.title_wrap .btn_wrap {
	float: right;
}
.title_wrap .txt_line {
	float: left;
	margin-left: 15px;
	padding-left: 15px;
	color: #999;
	background: url("../board_img/ico_txt_line.gif") 0 2px no-repeat;
}
.title_wrap .sh_wrap {
	float: right;
}
.title_wrap .sh_wrap .input {
	margin-right: 0;
	width: 130px;
}
.title_wrap .sh_wrap .btn {
	min-width: auto;
}

/****************************************************
 Align
****************************************************/

.mt60 {
	margin-top: 10px!important;
}
.al_center {
	text-align: center!important
}
.al_left {
	text-align: left!important
}
.al_right {
	text-align: right!important
}
.al_middle, .al_middle th, .al_middle td {
	vertical-align: middle;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.underline {
	text-decoration: underline;
}
/****************************************************
 Button
****************************************************/
.btnwrap {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}
.btn {
	margin-left: 5px;
	display: inline-block;
	color: #363636;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.btn:first-child {
	margin-left: 0
}
.btn.min_auto {
	min-width: auto!important
}
.btn.wt {
	padding: 8px 20px 10px;
	min-width: 140px;
	background: #fff;
	border: 1px solid #a3a3a3;
	font-size: 14px;
}
.btn.gray {
	padding: 8px 20px 10px;
	min-width: 140px;
	background: #4a4a4a;
	border: 1px solid #4a4a4a;
	color: #fff;
	font-size: 14px;
}
.btn.add {
	padding: 5px 20px 5px;
    min-width: 100px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	font-size: 14px;
}
.btn.evt {
	padding: 12px 20px 16px;
	min-width: 200px;
	background: #000;
	border: 1px solid #4a4a4a;
	color: #fff;
	font-size: 18px;
	font-weight: lighter;
}
.btn.wt_s {
	padding: 7px 15px 9px;
	min-width: 90px;
	border: 1px solid #ccc;
	background: #fff;
	line-height: 12px;
}
.btn.gray_s {
	padding: 7px 15px 9px;
	min-width: 90px;
	background: #4a4a4a;
	border: 1px solid #4a4a4a;
	color: #fff;
	line-height: 12px;
}
.btn.add_s {
	padding: 7px 15px 9px;
	min-width: 90px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	line-height: 12px;
}
.btn.dis_s {
	padding: 7px 15px 9px;
	min-width: 90px;
	background: #fcfcfc;
	border: 1px solid #f0f0f0;
	color: #c7c7c7;
	cursor: default;
	line-height: 12px;
}
@-moz-document url-prefix() {
.btn.wt_s, .btn.gray_s, .btn.add_s, .btn.dis_s {
padding:6px 15px 10px;
}
}
.btn.wt_ss {
	padding: 6px 10px 7px;
	padding: 7px 10px 6px\9;
	min-width: 50px;
	;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 11px;
	line-height: 11px;
}
.btn.gray_ss {
	padding: 6px 10px 7px;
	padding: 7px 10px 6px\9;
	min-width: 50px;
	background: #4a4a4a;
	border: 1px solid #4a4a4a;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
}
.btn.add_ss {
	padding: 6px 10px 7px;
	padding: 7px 10px 6px\9;
	min-width: 50px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	font-size: 11px;
	line-height: 11px;
}
.btn.dis_ss {
	padding: 6px 10px 7px;
	padding: 7px 10px 6px\9;
	min-width: 50px;
	background: #fcfcfc;
	border: 1px solid #f0f0f0;
	color: #c7c7c7;
	font-size: 11px;
	line-height: 11px;
	cursor: default;
}

/****************************************************
 Tab_lyh
****************************************************/
.tab_a {
	overflow: hidden;
	clear: both;
	
}
.tab_a li {
	float: left;
	margin-left: -1px;
}
.tab_a li:first-child {
	margin-left: 0;
}
.tab_a li a {
	position: relative;
	display: block;
	padding: 15px 0;
	color: #fff;
	line-height: 12px;
	text-align: center;
	background: #B3B1B1;
	border: 1px solid #939393;

}
.tab_a li a.active {
	color: #363636;
	font-weight: bold;
	background: #fff;
	border: 1px solid #a3a3a3;
	border-bottom: 1px solid #FFFFFF;
}
.tab_a.m2 li {
	width: 50%
}
.tab_a.m3 li {
	width: 33.333333%
}
.tab_a.m4 li {
	width: 25%
}
.tab_a.m6 li {
	width: 16.7%
}
.tab_a.m8 li {
	width: 12.54%
}

/****************************************************
 Table
****************************************************/
.tblwrap {
	position: relative;
}
.tbl_wtype1 {
	border-top: 1px solid #666;
	color: #222;
	font-size: 12px;
	clear: both;
} /*화면깨짐 > clear:both 추가*/
.tbl_wtype1.none {
	border-top: 1px solid #dfdfdf
}
.tbl_wtype1 th {
	padding: 7px 0 7px 15px;
	line-height: 30px;
	background: #f5f5f5;
	border-bottom: 1px solid #dfdfdf;
	text-align: left;
	vertical-align: top;
}
.tbl_wtype1 th .reqd {
	float: left;
	padding: 5px 5px 0 0;
	height: 15px;
	display: block;
	padding: 3px 5px 0 0 \9;
}
.tbl_wtype1 th.th_space {
	padding-left: 28px;
}
.tbl_wtype1 th.tit {
	padding: 0;
	border-left: 1px solid #dfdfdf;
	text-align: center;
	vertical-align: middle
}
.tbl_wtype1 th.tit2 {
	padding-left: 20px;
	border-left: 1px solid #dfdfdf;
	text-align: left;
}
.tbl_wtype1 th label {
	display: inline-block;
	line-height: 30px;
}
.tbl_wtype1 th input[type=radio] {
	margin: 3px 0 0;
}
.tbl_wtype1 th .com_txt_p {
	margin-top: -5px;
	display: block;
}
.tbl_wtype1 td {
	padding: 7px 10px;
	height: 30px;
	line-height: 30px;
	color: #444;
	border-bottom: 1px solid #dfdfdf;
}
.tbl_wtype1 td.num {
	border-left: 1px solid #e3e3e3;
	text-align: center;
	line-height: 14px;
	vertical-align: middle;
}
.tbl_wtype1 .txt_subtitle {
	color: #666
}
.tbl_wtype1 .in_txt {
	float: left;
	padding: 7px;
}
.tbl_wtype1 .in_txt_none {
	padding-left: 7px;
	color: #666;
}
.tbl_wtype1 .stock_up, .tbl_wtype1 .stock_down {
	line-height: 30px;
}
.tbl_ltype {
	border-top: 1px solid #414040;
}
.tbl_ltype th {
	padding: 15px;
	color: #222;
	line-height: 14px;
	text-align: center;
	background: #f5f5f5;
}
.tbl_ltype th .tlt_wrap {
	position: relative;
}
.tbl_ltype th .tlt_wrap .btn {
	position: absolute;
	left: -15px;
	top: -3px;
}
.tbl_ltype td {
	padding: 15px;
	color: #222;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.tbl_ltype td.frt {
	border-left: 0
}
.tbl_ltype td.pt_list_wrap {
	border-left: 0;
	padding-left: 0;
}
.tbl_ltype td .qty_sel + .btn {
	margin-left: -1px
}
.btn_btwrap {
	position: absolute;
	margin-top: 37px;
}
.pt_list_all {
	position: relative;
	padding-left: 120px;
	min-height: 100px;
	overflow: hidden;
}
.pt_list_all img {
	position: absolute;
	left: 0;
	top: 0;
	width: 98px;
	height: 98px;
}
.pt_list_all .tlt_wrap {
	width: 100%;
	text-align: left;
}
.pt_list_all .color_op {
	text-align: left;
}
.set_hr {
	display: block;
	border: none;
	height: 1px;
	background-color: #e5e5e5;
	margin: 15px 0;
} /* order > set product(pt_list_all) - division line*/
.pt_list_all .review {
	height: 40px;
	margin-top: 10px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.tbl_ltype1 {
	border-top: 1px solid #414040;
}
.tbl_ltype1 thead th {
	color: #363636;
}
.tbl_ltype1 th {
	padding: 15px 0;
	color: #222;
	line-height: 14px;
	text-align: center;
	background: #f5f5f5;
}
.tbl_ltype1 th.btn_in {
	padding: 10px 0 0 0;
}
.tbl_ltype1 td {
	padding: 15px;
	color: #222;
	line-height: 14px;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
}
td.no_data {
	padding: 50px 0!important;
	color: #c69c6c;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	border-left: none;
}

/****************************************************
 Paging
****************************************************/
.paging {padding:20px 0 40px 0;width:100%;height:auto;margin:0 auto;text-align:center;clear: both;}
.paging .num {font-family:'malgun gothic';margin-right:10px;display:inline-block;font-size:15px;width:40px;height:35px;line-height:35px;color:#777;text-align:center;background-color:#ffffff;border:1px solid #ddd;vertical-align:middle;}
.paging .num:hover {background-color:#7ca6ce;color:#fff;border:1px solid #ccc;}
.paging .btn {font-family:'malgun gothic';margin-right:10px;display:inline-block;font-size:18px;width:40px;height:35px;line-height:35px;color:#777;text-align:center;background-color:#f1f1f1;border:1px solid #ddd;vertical-align:middle;}
.paging .btn:hover {background-color:#fff;color:#222;border:1px solid #ccc;}
.paging .selected {font-family:'malgun gothic';background-color:#7ca6ce;color:#fff;margin-right:10px;display:inline-block;font-size:15px;width:40px;height:35px;line-height:35px;text-align:center;border:1px solid #ddd;vertical-align:middle;}

.ttfont_size{font-size:11px;}

.sh_wrap{text-align:center; margin-top:10px; width:100%; height:50px;}
.sh_wrap li.lt{}
.sh_wrap li.rt{float:right;}

/*********************************************/


#bbsview {margin:auto;padding:0 0 30px 0;}
#bbsview .viewbox {clear:left; border:#e0e0e0 solid 1px; border-top:1px solid #414040; margin-top:0px;padding:5px 15px 10px 15px;}
#bbsview .viewbox .subject {}
#bbsview .viewbox .subject h1 {padding:11px 0 11px 0;margin:0;font-size:14px;font-weight:bold;font-family:dotum;border-bottom:#dfdfdf dotted 1px;}
#bbsview .viewbox .info {padding:10px 0 25px 0;font-size:10px;font-family:arial;color:#c0c0c0;}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .xright {float:right;height:14px;}
#bbsview .viewbox .info .xright ul {padding:0;margin-top:0px;}
#bbsview .viewbox .info .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .info .xright .g {padding:0 10px 0 0; /*width:50px;*/}
#bbsview .viewbox .info .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .info .xright .g a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .info .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .info .xright div {position:absolute;display:none;}
#bbsview .viewbox .info .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .info .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;font-size:11px;cursor:pointer;}
#bbsview .viewbox .info .xright div li:hover {background:#ECF0F6;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#d0d0d0;font-family:dotum;font-size:11px;}
#bbsview .viewbox .info .han {font-family:dotum;font-size:11px;}
#bbsview .viewbox .info .hanm {color:#000000;font-family:dotum;font-size:11px;}
#bbsview .viewbox .info .hanm img {margin-top:-1px;margin-right:3px;}
#bbsview .viewbox .info .num {font-family:dotum;font-size:11px;}
#bbsview .viewbox .content {padding:20px 0 20px 0;line-height:160%;}
#bbsview .viewbox .content img{max-width:100%;}
#bbsview .viewbox .content .tag {padding:10px 0 0 0;}
#bbsview .viewbox .content .tag a {font-size:11px;font-family:dotum;color:#222;}
#bbsview .viewbox .content .tag a:hover {color:#ff0000;}
#bbsview .viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
#bbsview .viewbox .content .attach ul {padding:0;margin:0;}
#bbsview .viewbox .content .attach li {list-style-type:none;padding:0 0 0 15px;}
#bbsview .viewbox .content .attach li a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .content .attach li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach li .size {font-size:11px;font-family:arial;color:#999;}
#bbsview .viewbox .content .attach li .down {font-size:11px;font-family:arial;color:#333;}
#bbsview .viewbox .content .scorebox {text-align:center;padding:30px 0 0 0;}
#bbsview .viewbox .content .scorebox a:hover {color:#ff0000;}
#bbsview .viewbox .content .snsbox {padding:20px 0 0 0;text-align:right;}
#bbsview .viewbox .content .snsbox img {cursor:pointer;}
#bbsview .bottom {padding:10px 0 0 0;text-align:right;}
#bbsview .comment {padding:20px 0 10px 0;color:#c0c0c0;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;}
#top {text-align:right;margin-bottom:10px;}

/*comment*/
#cwrite {}

#cwrite .box {padding-bottom:10px;background:#f7f7f7; height:50px;}
#cwrite .box .inputbox {float:left;padding:0 5px 0 0;}
#cwrite .box .inputbox li {list-style-type:none;padding:0 0 5px 0;}
#cwrite .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:19px;width:100px;}
#cwrite .box .editbox {float:left; width:80%;}
/* @*comment* */




/*버튼모음*/
.board_btn01 {
	background-color:#8e8e8e;
	border:1px solid #666666;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:돋움;
	font-size:12px;
	padding:3px 8px;
	text-decoration:none;
}
.board_btn01:hover {
	background-color:#666666;
	color:#ffffff;
}
.board_btn01:active {
	position:relative;
	top:1px;
	color:#ffffff;
}


.reqd{color:#f84e51;font-size: 18px;}
.reqd_txt{font-size: 12px;line-height: 18px;}
.reqd_txt .reqd{float:left;padding:1px 3px 0 0;}



/*갤러리스타일*/
.gallery {
  overflow: hidden;
  margin: 0;
  text-align: center;
}
.thumbnail_list li .img_wrap img {
  display: block;
  max-width:100%;
  margin:auto;
}

.gallery li {
  width: 215px;
  display:inline-block;
  border:1px solid #e2e2e2;
  vertical-align:top;
  margin:10px 8px 5px 10px;
}
.gallery li .img_wrap {
  display: block;
  width:215px;
  height: 200px;
  display:table-cell; vertical-align:middle; text-align:center;
  overflow: hidden;
}
.gallery li .img_wrap span a {
  padding: 86px 20px 0 20px;
}
.gallery li .text_wrap {
  text-align: center;
  text-overflow: clip; overflow: hidden; word-break: break-all;
  background:#e2e2e2;


}
.gallery li .text_wrap h4 {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  font-family:'μ¸¿o'; letter-spacing:-1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 13px 10px 13px 10px;
  font-size: 13px;

  color: #161616;
}
.gallery li .text_wrap p {
  overflow: hidden;
  width:215px;
  font-size: 12px;
  display:table-cell;
  vertical-align:middle; text-align:center;
  line-height: 16px;
  padding:5px;
  height:46px;
  color: #797979;
}
.gallery li .text_wrap a {
  display: inline-block;
  height: 39px;
  line-height: 39px;
  margin-top: 11px;
  padding: 0 32px;
  font-size: 11px;
  font-weight: 700;
  color: #979797;
  background-color: #fff;
  border: 1px solid #ccc;
}
.gallery li .text_wrap a:hover,
.gallery li .text_wrap a:active {
  background-color: #2e2e2e;
}
/*μi·IμE±U ¾øA≫½A*/
.nogallery li {
  display: block;
  width: 300px;
  border:1px solid #e2e2e2;
  vertical-align:top;
  text-align:center;
  margin:auto;
  padding:15px;
}