@charset "utf-8";
/* CSS Document */
@import url(/css/default.css);
th, td {word-break:keep-all;}

/*임시 2차카테 css*/
.pro_top_cate { border-top:1px solid #000; border-bottom:1px solid #000; padding:20px 0; margin-left:8px; overflow:hidden;}
.pro_top_cate p { float:left; font:bold 16px 'Gulim', sans-serif; color:#636262; }
.pro_top_cate ul { width:75%; float:right;}
.pro_top_cate ul li { float:left; border-left:1px solid #c9c9c9; padding:0 10px; width:21%;}
.pro_top_cate ul li a { font:normal 12px 'Gulim', sans-serif; color:#8d8d8d;  }
.pro_top_cate ul li a:hover { font:bold 12px 'Gulim', sans-serif; color:#000; background-color:#f1b2b2; }

/*resps_pro_debox*/
/* 상품 상세 상단 */
.goods_detail_box {overflow:hidden; border-top:2px solid #333;  padding:1.5% 0 1.0% 0; margin:0 0 1.5% 0;}
.goods_detail_box .goods_detail_img {width:50%; max-width:50%;  float:left; padding:0; margin:0; font-size:0;  }	
.goods_detail_box .goods_detail_img div {max-width:94.8%; width:94.8%;   border:1px solid #ececec;  text-align:center; display: table; }
.goods_detail_box .goods_detail_img div span {display:inline-block; max-width:435px; padding:10px 0; height:430px; display: table-cell; table-layout: fixed; vertical-align:middle;}
.goods_detail_box .goods_detail_img div span img {max-width:94.8%; max-height:450px; vertical-align:middle;}
.goods_detail_box .goods_detail_img ul  {width:94.8%; margin:20px 0 0 0; overflow:hidden; border:1px solid #ececec;  display: table;  text-align:center;}
.goods_detail_box .goods_detail_img ul li {width:20%; height:77px; float:left; display:table-cell; table-layout: fixed; vertical-align:middle; text-align:center; }
.goods_detail_box .goods_detail_img ul li img {max-width:100%;  max-height:100%; vertical-align:middle; width:100%; }
.goods_detail_box .resps_pro_tlt {width:50%; float:right; font:bold 22pt 'Malgun Gothic' , sans-serif; color:#000;  }
.goods_detail_box .resps_pro_tlt p {font:normal 10pt 'Malgun Gothic' , sans-serif; color:#999;  height:35px; overflow:hidden;  line-height:120%; text-overflow:ellipsis;  word-wrap:break-word; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.goods_detail_box .goods_detail_info {width:50%; float:right; margin:30px 0; }
.goods_detail_box .goods_detail_info .spec_tlt {font:bold 14pt 'Malgun Gothic' , sans-serif; margin:0 0 10px 0;}

.goods_detail_box .goods_detail_info > ul {padding:12px 0;border-bottom:1px solid #ddd;}
.goods_detail_box .goods_detail_info > ul.sale_price{border-top:1px solid #ddd;} /* temp */
.goods_detail_box .goods_detail_info > ul > li{padding:12px 0;padding-left:127px; font:normal 12pt 'Malgun Gothic',sans-serif; color:#333; }
.goods_detail_box .goods_detail_info > ul > li .tx_price{font:bold 13pt 'Malgun Gothic',sans-serif; color:#ef3535; }
.goods_detail_box .goods_detail_info > ul > li p{color:#333;}
.goods_detail_box .goods_detail_info > ul > li > p + p{margin-top:6px;color:#333;}
.goods_detail_box .goods_detail_info > ul > li span {display:block; float:left; margin-left:-127px;width:117px;padding-left:10px; padding-top:2px; font:bold 11pt 'Malgun Gothic',sans-serif; color:#333; }
.goods_detail_box .goods_detail_info > ul > li .ico_tooltip{vertical-align:middle;}
.goods_detail_box .goods_detail_info .add_selects{border-bottom:none;padding-bottom:0;}
.goods_detail_box .goods_detail_info .add_selects select.wide {display: block; width: 100%;}
.goods_detail_box .goods_detail_info .add_selects select {width: 220px; height: 28px; line-height: 22px; box-sizing: border-box; padding: 4px 5px 3px; border:1px solid #ccc; border-image: initial;}

.goods_detail_box .goods_detail_info .goods_select{margin-top:16px; width:100%; }
.goods_detail_box .goods_detail_info .goods_select li{display:table; margin-top:4px;background:#f3f3f3; width:100%;}
.goods_detail_box .goods_detail_info .goods_select li:after{display:block;clear:both;content:"";}
.goods_detail_box .goods_detail_info .goods_select li .goods_sel_na{display:table-cell; padding:14px 0;width:55%;padding-left:20px;padding-right:40px; font:bold 10pt 'Malgun Gothic',sans-serif;  }
.goods_detail_box .goods_detail_info .goods_select li .goods_sel_de{display:table-cell; width:50px;text-align:center;font-size:13px;line-height:1.3em;vertical-align:middle;}
.goods_detail_box .goods_detail_info .goods_select li .goods_sel_de a{display:inline-block;width:13px;height:13px;background:url('/img_default/ico_sel_delete.png') 0 0 no-repeat;text-indent:-9999px;}
.goods_detail_box .goods_detail_info .goods_select li .goods_sel_co{display:table-cell; width:80px;text-align:center;font-size:13px;line-height:1.3em;vertical-align:middle;}
.goods_detail_box .goods_detail_info .goods_select li .goods_sel_pr{display:table-cell; width:130px;text-align:right;font-weight:800;vertical-align:middle;}
.goods_detail_box .goods_detail_info .goods_select li .goods_sel_pr strong{font-family:Verdana; padding-right:2px;}
.goods_detail_box .goods_detail_info .goods_sel_co .goods_sel_co_area{display:block;}
.goods_detail_box .goods_detail_info .goods_sel_co_area{width:80px;line-height:28px;position:relative;display:inline-block;height:21px;border:1px solid #ccc;overflow:hidden;font-size:0;line-height:0;vertical-align:middle;}
.goods_detail_box .goods_detail_info .goods_sel_co_area .goods_sel_co_in{width:100%;height:21px;text-align:center;font-weight:800;font-size:13px;color:#333; font-family:Verdana;border:none;}
.goods_detail_box .goods_detail_info .goods_sel_co_area .goods_sel_co_mi{display:block; position:absolute;width:21px; height:21px; left:0; top:0; border-right:1px solid #ccc; font:normal 11px tahoma, sans-serif; text-align:center; line-height:21px; color:#000;}
.goods_detail_box .goods_detail_info .goods_sel_co_area .goods_sel_co_pl{display:block; position:absolute;width:21px; height:21px; right:0; top:0; border-left:1px solid #ccc;font:normal 11px tahoma, sans-serif; text-align:center; line-height:21px; color:#000;}

.goods_detail_box .goods_detail_info .goods_pr{padding:32px 0 20px;text-align:right;}
.goods_detail_box .goods_detail_info .goods_pr .goods_pr_area{display:inline-block;color:#333; }
.goods_detail_box .goods_detail_info .goods_pr .goods_pr_area .goods_pr01{display:inline-block; float:left; font:normal 18px 'Malgun Gothic', sans-serif;}
.goods_detail_box .goods_detail_info .goods_pr .goods_pr_area .goods_pr02{display:inline-block; float:left; font:normal 18px 'Malgun Gothic', sans-serif; margin-left:20px; }
.goods_detail_box .goods_detail_info .goods_pr .goods_pr_area .goods_pr02 strong{display:inline-block; float:left;  font:bold 25px Verdana, sans-serif; margin:-4px 2px 0 0; }

.detail_soldout{display:table;width:100%;margin-top:20px;background:#f8f8f8;border:1px solid #ddd;}
.detail_soldout span{display:table-cell;width:100%;height:100px;vertical-align:middle;text-align:center;color:#333; font:bold 15px 'Malgun Gothic',sans-serif;}

.goods_detail_box .goods_detail_info .order_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.goods_detail_box .goods_detail_info .order_btns ul li {float:left; width:auto; }
.goods_detail_box .goods_detail_info .order_btns ul li+li {float:right; margin:0 0 0 5px; width:auto; }


/* 구매관련 btns */
a.order_color_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#333333;  vertical-align:middle; }
a.order_color_btn:hover {background-color:#000000; text-decoration:none; } 
a.order_color_btn.direct {display:inline-block; /*padding:15px 70px 20px 70px; */}
a.order_gray_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
a.order_gray_btn:hover {background-color:#000000; text-decoration:none; } 
a.order_white_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#333333; background-color:#fff;  vertical-align:middle; border:1px solid #333333; }
a.order_white_btn:hover {background-color:#f6f6f6; text-decoration:none; } 


/* 상세페이지 tab style */
.detail_tab {}
.detail_tab > ul {height:46px}
.detail_tab > ul:after{display:block; content:''; clear:both}
.detail_tab > ul > li{display:block; float:left; height:100%}
/* 1개 */
.detail_tab > ul.n1 > li{width:auto}
/* 2개 */
.detail_tab > ul.n2 > li{width:50%;}
/* 3개 */
.detail_tab > ul.n3 > li{width:33.3%}
.detail_tab > ul.n3 > li:first-child{width:33.4%}
/* 4개 */
.detail_tab > ul.n4 > li{width:25%}
/* 5개 */
.detail_tab > ul.n5 > li{width:20%}
/* 6개 */
.detail_tab > ul.n6 > li{width:16.6%}
.detail_tab > ul.n6 > li:first-child{width:17%}

.detail_tab > ul > li > a{display:block;width:100%;height:100%;padding:12px 2px 0;border:solid #ddd;  border-bottom:solid #000; border-width:2px 1px 1px 0; font:normal 14px 'Malgun Gothic',sans-serif; color:#666; text-align:center; box-sizing:border-box; background:#fff;}
.detail_tab > ul > li > a:hover{ font:bold 14px 'Malgun Gothic',sans-serif; color:#000; text-decoration:none}
.detail_tab > ul > li > a.acitve {display:block;width:100%;height:100%;padding:12px 2px 0;border:solid #000; border-width:2px 1px 0px 1px; font:bold 14px 'Malgun Gothic',sans-serif; color:#000; text-align:center; box-sizing:border-box; background:#fff;}

.detail_body{overflow:hidden; margin:0 0 80px 0;}
.detail_view {margin:30px 0 45px 0;}

/* bbs_common */
.detail_bbs {}
.detail_bbs table {width:100%;}
.detail_bbs thead th {height:44px; border-top:1px solid #adadad; border-bottom:1px solid #ddd; color:#333; background:#f3f3f3;  font:bold 10pt "Malgun Gothic", sans-serif; text-align:center;}
.detail_bbs tbody td {height:20px; padding:10px 5px; border-bottom:1px solid #ddd; text-align:center; color:#333; font:normal 10pt "Malgun Gothic", sans-serif;}
.detail_bbs tbody td a {font:normal 10pt "Malgun Gothic", sans-serif; color:#333;}
.detail_bbs .txt_left {text-align:left;}

.debbs_btns {margin:10px 0 0 0;}
.debbs_btns a {display:inline-block; border:1px solid #ccc; background:#fff; text-align:center; min-width:30px; height:18px; color:#fff; line-height:16px; padding:0 10px; font:normal 8px 'Malgun Gothic', sans-serif;}

.mode_btns {position:absolute; right:10px; top:10px; text-align:right; }
.mode_btns a {display:inline-block; border:1px solid #ccc; background:#fff; text-align:center; min-width:30px; height:18px; color:#fff; line-height:16px; padding:0 10px; font:normal 8px 'Malgun Gothic', sans-serif; margin:0 0 0 3px;}


/* review */
.star {display:inline-block; width:13px; height:13px; background:url(/img_default/star01.gif) 0 0 no-repeat;}

.review_area{margin:0;}
.review_area .txt_bul{display:block;width:100%;padding:15px 0 14px 21px; box-sizing:border-box; background:#f3f3f3; font:normal 10pt 'Malgun Gothic', sans-serif; margin:0 0 20px 0;}
.review_area .txt_bul span.txt_point_01 { font:bold 10pt 'Malgun Gothic', sans-serif; color:#333 !important;}
.review_area .txt_bul .review_btn {display:inline-block;border:1px solid #454545; background:#454545; text-align:center; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:-5px 15px 0 0;  min-width:50px; height:28px; padding:0 15px;  font:bold 12px 'Malgun Gothic', sans-serif; line-height:28px; letter-spacing:-1px; color:#fff;}
.review_area .txt_bul_m {display:none;}

tr.review_cont td{height:0;padding:0;border-bottom:none; }
tr.review_cont td .review_txt{display:block;}
tr.review_cont.on td .review_txt{display:block; }
.review_txt {position:relative; display:block;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #ddd;}
.review_txt .review_box {position:relative;display:block;padding:20px 0 20px 5%; border-bottom:1px dotted #ccc; text-align:left;}
.review_txt .review_box > span{display:inline-block;padding:2px 0 0 0;min-height:2.7em;color:#333;line-height:1.35em;}


/* QNA */
.qna_area{margin:0;}
.qna_area .txt_bul{display:block;width:100%;padding:15px 0 14px 21px; box-sizing:border-box; background:#f3f3f3; font:normal 10pt 'Malgun Gothic', sans-serif; margin:0 0 20px 0;}
.qna_area .txt_bul span.txt_point_01 { font:bold 10pt 'Malgun Gothic', sans-serif; color:#333 !important;}
.qna_area .txt_bul .counsel_btn {display:inline-block;border:1px solid #ccc; background:#fff; text-align:center; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:-5px 5px 0 0;  min-width:50px; height:28px; padding:0 15px;  font:bold 12px 'Malgun Gothic', sans-serif;line-height:28px; letter-spacing:-1px; color:#000;}
.qna_area .txt_bul .question_btn {display:inline-block;border:1px solid #454545; background:#454545; text-align:center; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:-5px 15px 0 0;  min-width:50px; height:28px; padding:0 15px;  font:bold 12px 'Malgun Gothic', sans-serif; line-height:28px; letter-spacing:-1px; color:#fff;}
.qna_area .txt_bul_m {display:none; }

/* qna */
tr.qna_cont td{height:0;padding:0;border-bottom:none;}
tr.qna_cont td .qna_txt{display:block;}
tr.qna_cont.on td .qna_txt{display:block;}

.qna_txt{position:relative; display:block;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #ddd;}
.qna_txt .qna_qns{position:relative;display:block;padding:20px 0 20px 5%; border-bottom:1px dotted #ccc; text-align:left;}
.qna_txt .qna_qns > span{display:inline-block;padding:2px 0 0 3%;min-height:2.7em;color:#333;line-height:1.35em;}
.qna_txt .qna_qns > span .qicon {display:inline-block; width:20px; height:20px; border-radius:20px; background:#000; color:#fff; text-align:center; font:bold 11px 'Malgun Gothic', sans-serif; margin:0 5px 0 -30px;}
.qna_txt .qna_ans{position:relative;display:block;padding:20px 0 20px 5%; text-align:left;}
.qna_txt .qna_ans > span{display:inline-block;padding:2px 0 0 3%;min-height:2.7em;line-height:1.35em; }
.qna_txt .qna_ans > span .aicon {display:inline-block; width:20px; height:20px; border-radius:20px; background:#e22d14; color:#fff; text-align:center;font:bold 11px 'Malgun Gothic', sans-serif; margin:0 5px 0 -30px;}
.qna_txt .qna_date{display:block; position:absolute;right:0; bottom:20px;text-align:center;width:150px;}
.qna_txt .qna_date_m{display:none;}

tr.qna_cont td .debbs_btns {margin:10px 0 0 3%;}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* pc */
@media all and (min-width:961px) and (max-width:1117px) {
.goods_detail_box .goods_detail_img div span {display:inline-block; max-width:568px; padding:10px 0; height:430px; display: table-cell; table-layout: fixed; vertical-align:middle; }


}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* 태블릿 */
@media all and (min-width:767px) and (max-width:960px) {

	.goods_detail_box .goods_detail_img {width:100%; float:none; padding:0; margin:0 0 30px 0; font-size:0; }	
	.goods_detail_box .goods_detail_img div {width:99.8%; margin:0 auto 0;  border:1px solid #ececec;  text-align:center; display: table; }
	.goods_detail_box .goods_detail_img div span {display:inline-block; width:auto; max-width:100%; padding:10px 0; height:430px; display: table-cell; table-layout: fixed; vertical-align:middle; }
	.goods_detail_box .goods_detail_img div span img {max-width:94.8%; max-height:450px; vertical-align:middle;}
	.goods_detail_box .goods_detail_img ul  {width:99.8%; margin:20px auto 0; overflow:hidden; border:1px solid #ececec;}
	.goods_detail_box .goods_detail_img ul li {width:20%; float:left;}
	.goods_detail_box .goods_detail_img ul li img {max-width:100%;  max-height:150px;}
	.goods_detail_box .resps_pro_tlt {width:100%; float:none; font:bold 22pt 'Malgun Gothic' , sans-serif; color:#000;   }
	.goods_detail_box .resps_pro_tlt p {font:normal 10pt 'Malgun Gothic' , sans-serif; color:#999;  height:35px; overflow:hidden;  line-height:120%; text-overflow:ellipsis;  word-wrap:break-word; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	.goods_detail_box .goods_detail_info {width:100%; float:none; margin:30px 0; }

	.goods_detail_box .goods_detail_info .goods_select li .goods_sel_na{display:table-cell; padding:14px 0;width:65%;padding-left:20px;padding-right:40px; font:bold 10pt 'Malgun Gothic',sans-serif;  }

}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* 모바일 */
@media all and (min-width:360px) and (max-width:766px) {
	.goods_detail_box .goods_detail_img {width:100%; /*max-width:50%;*/  float:left; padding:0; margin:0; font-size:0;  }	
	.goods_detail_box .goods_detail_img div span { max-width:100%; }
	.goods_detail_box .resps_pro_tlt {width:100%; float:none; font:bold 22pt 'Malgun Gothic' , sans-serif; color:#000;  }
	.goods_detail_box .goods_detail_info {width:100%; float:none; margin:30px 0; }



	.goods_detail_box .goods_detail_info .goods_select li .goods_sel_na{display:table-cell; padding:14px 0;width:40%;padding-left:20px;padding-right:40px; font:bold 10pt 'Malgun Gothic',sans-serif;  }
	
	.detail_body{overflow:hidden; margin:0 0 30px 0;}

	/* bbs_common */
	.mode_btns {position:absolute; right:10px; top:auto; bottom:10px; text-align:right; }

	.goods_detail_box .goods_detail_info .order_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
	.goods_detail_box .goods_detail_info .order_btns ul li {float:left; width:33.3%; }
	.goods_detail_box .goods_detail_info .order_btns ul li+li {float:left; margin:0 0 0 0; width:33.3%; }

	/* 구매관련 btns */
	a.order_color_btn {display:inline-block; padding:15px 0 20px 0; width:100%; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#333333;  vertical-align:middle; border:1px solid #000;}
	a.order_color_btn:hover {background-color:#000000; text-decoration:none; } 
	a.order_color_btn.direct {display:inline-block; padding:15px 0 20px 0; width:100%; }
	a.order_gray_btn {display:inline-block; padding:15px 0 20px 0; width:100%;text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
	a.order_gray_btn:hover {background-color:#000000; text-decoration:none; } 
	a.order_white_btn {display:inline-block; padding:15px 0 20px 0; width:100%; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#333333; background-color:#fff;  vertical-align:middle; border:1px solid #333333; }
	a.order_white_btn:hover {background-color:#f6f6f6; text-decoration:none; } 

	/* review */
	.review_area .txt_bul {display:none;}
	.review_area .txt_bul_m{display:block;width:100%;padding:15px 0 14px 21px; box-sizing:border-box; background:#fff; font:normal 10pt 'Malgun Gothic', sans-serif; margin:0 0 20px 0;}
	.review_area .txt_bul_m span.txt_point_01 { font:bold 10pt 'Malgun Gothic', sans-serif; color:#333 !important;}
	.review_area .txt_bul_m .review_btn {display:inline-block;border:1px solid #454545; background:#454545; text-align:center; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:-5px 0 0 0;  min-width:50px; height:28px; padding:0 15px;  font:bold 12px 'Malgun Gothic', sans-serif; line-height:28px; letter-spacing:-1px; color:#fff;}
	
	/* qna */
	.qna_txt .qna_date{display:none;}
	.qna_txt .qna_date_m{display:block; position:relative; text-align:left;width:100%; margin:10px 0 0 3%; color:#999}

	.qna_area .txt_bul {display:none;}
	.qna_area .txt_bul_m {display:block;width:100%;padding:15px 0 14px 21px; box-sizing:border-box; background:#fff; font:normal 10pt 'Malgun Gothic', sans-serif; margin:0 0 20px 0;}
	.qna_area .txt_bul_m .counsel_btn {display:inline-block;border:1px solid #ccc; background:#fff; text-align:center; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:-5px 5px 0 0;  min-width:50px; height:28px; padding:0 15px;  font:bold 12px 'Malgun Gothic', sans-serif;line-height:28px; letter-spacing:-1px; color:#000;}
	.qna_area .txt_bul_m .question_btn {display:inline-block;border:1px solid #454545; background:#454545; text-align:center; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:-5px 0 0 0;  min-width:50px; height:28px; padding:0 15px;  font:bold 12px 'Malgun Gothic', sans-serif; line-height:28px; letter-spacing:-1px; color:#fff;}
		 


}