/* 검색 상단 */ 
.product_searchtop						{overflow:hidden; margin:0 0 20px 0;}
.product_searchtop .count_stxt				{float:left; padding:0 0 8px 0; }
.product_searchtop dl					{float:right; width:45%; overflow:hidden;}
.product_searchtop dl dt					{float:left; width:23%; position:relative;}
.product_searchtop select				{width:100%; padding:0 10px; height:46px; vertical-align:top;border:1px solid #d4d4d4;cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.product_searchtop dl dt:after			{position: absolute; content: ''; display: block; z-index:1; top:17px; right:10px; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 2px solid #7d7d7d; border-right: 2px solid #7d7d7d;}
.product_searchtop dl dd					{float:right; width:calc(77% - 5px);height:48px;color:#333;line-height:48px;vertical-align:top !important;}
.product_searchtop .input_form			{box-sizing:border-box; width:calc(100% - 70px); height:46px;color:#666; vertical-align:top;border:1px solid #d4d4d4; padding:0 10px; letter-spacing:-0.75px;margin:0;}
.product_searchtop .btn					{float:right; border:1px solid #3f4247; background:#3f4247; height:46px; line-height:40px; width:70px; text-align:center; color:#fff; letter-spacing:-1px;}
.product_searchtop .btn:hover			{background:#333;}

.product_searchbox					{float:right; width:40%;}
.product_searchbox select			{float:left;padding-left:5px;width:25%;height:42px;font-size:0.9em; vertical-align:top;border:1px solid #ddd;cursor:pointer;}
.product_searchbox span				{position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:42px;color:#333;line-height:42px;vertical-align:top;}
.product_searchbox .search_input	{box-sizing:border-box; width:calc(100% - 62px); height:42px;color:#333; font-size:0.9em;vertical-align:top;border:1px solid #ddd; padding:0 10px; letter-spacing:-0.75px;}
.product_searchbox .search_btn		{float:right; border:1px solid #3f4247; background:#3f4247; height:42px; line-height:40px; width:55px; text-align:center; color:#fff; letter-spacing:-1px; font-size:0.9em;}
.product_searchbox .search_btn:hover	{background:#333;}


 
/* screen 820px */
@media screen and (max-width:820px) {

	.product_searchtop .count_stxt			{float:none; padding:0 0 10px 0;}
	.product_searchtop dl				{float:none; width:100%;}

}

/* screen 768 */
@media screen and (max-width:768px) {
	.product_searchbox				{float:none; width:100%}
}


/* screen 580 */
@media screen and (max-width:580px) {

	.product_searchtop dl dt				{float:none; width:100%; margin-bottom:5px;}
	.product_searchtop dl dd				{float:none; width:100%;}

}


/* 제품 리스트 */

.product_list						{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 20px; }
.product_list:after				{content:''; display:block; clear:both;}
.product_list li					{position:relative; width:100%;  }
.product_list em					{position:absolute; left:-10px; top:10px; background:#393939; color:#fff; z-index:1; padding:5px 10px; border-radius:3px; font-size:0.85em;font-style:normal; }
.product_list figure				{position:relative; height:250px; border:1px solid #eaeaea; overflow:hidden;}
.product_list figure img			{width:100%; height:100%; object-fit:cover;transition: all 0.3s ease;}
.product_list .layer				{position:absolute;	top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;	width:100%;	height:100%; transition:0.5s; opacity:.7;}
.product_list li:hover  figure img	{transform: scale(1.05);  }
.product_list li:hover .layer		{display:block;}
.product_list dl					{padding:15px 0; text-align:center;}
.product_list dl dt				{letter-spacing:-1px; font-size:1em; color:#2868bb; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.product_list dl dd				{font-size:1.05em; font-weight:500; color:#222; letter-spacing:-1px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.product_list .nolist,
.item_nolist						{text-align:center; padding:80px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#777;}







/* 제품 뷰 리스트 */ 
.product_viewlist						{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 20px; }
.product_viewlist:after				{content:''; display:block; clear:both;}
.product_viewlist li					{position:relative; width:100%;  }
.product_viewlist em					{position:absolute; left:-10px; top:10px; background:#393939; color:#fff; z-index:1; padding:5px 10px; border-radius:3px; font-size:0.85em;font-style:normal; }
.product_viewlist .img				{position:relative; height:250px; border:1px solid #eaeaea; transition: all 0.3s ease;overflow:hidden;}
.product_viewlist .img img			{width:100%; height:100%; object-fit:cover;transition: all 0.3s ease;}
.product_viewlist .layer				{position:absolute;	top:0; left:0; display:none; background:rgba(0,0,0,0.1) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;	width:100%;	height:100%; transition:0.5s; opacity:.2;}
.product_viewlist li:hover  .img img	{transform: scale(1.05); }
.product_viewlist li:hover .layer		{display:block;} 
.product_viewlist li .tit				{font-size:1em;letter-spacing:-1px; color:#333;padding:0 0 10px 0;word-wrap: break-word;}
.product_viewlist .nolist,
.item_nolist						{text-align:center; padding:80px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#777;}



/* screen 1024 */
@media screen and (max-width:1024px) {

	.product_list					{grid-template-columns: repeat(3, 1fr); gap: 20px 20px;}

}

/* screen 768 */
@media screen and (max-width:768px) {


	.product_list					{grid-template-columns: repeat(2, 1fr);}
	.product_list dl				{padding:15px 0;}
	.product_list dl dt			{font-size:1.1em;}


}

/* screen 580 */
@media screen and (max-width:580px) {

	.product_list					{grid-template-columns: repeat(1, 1fr); }

}




/* 제품 뷰 */
.product_view_top							{position:relative; overflow:hidden; margin-bottom:60px;}
.product_view_top .lt						{float:left; width:55%;}
.product_view_top .lt figure				{border:1px solid #eaeaea; height:420px;}
.product_view_top .lt figure img			{width:100%;height:100%; object-fit:cover;}
.product_view_top .lt ul					{position:relative; margin:10px 0 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 10px; }
.product_view_top .lt ul li				{position:relative; height:100px; border:1px solid #eaeaea; }
.product_view_top .lt ul li img			{width:100%;height:100%; object-fit:cover;}
.product_view_top .rt						{float:right; width:40%; padding:0 0 0 0;}
.product_view_top .rt em					{display:inline-block; font-style:normal; color:#74c500; margin-bottom:7px; font-size:1.1em; letter-spacing:-1px; font-weight:500; }
.product_view_top .rt h2					{font-family: 'GmarketSansMedium'; font-size:2em; font-weight:300; color:#222; padding-bottom:20px; letter-spacing:-2px; line-height:120%; }
.product_view_top .info					{overflow:hidden;  }
.product_view_top .info_tit					{font-size:1.6em;font-weight:bold;padding:5px 0 20px 0;color:#000;letter-spacing:-1px;border-bottom:1px solid #e0e0e0;margin:0 0 15px 0;}
.product_view_top .info dl					{overflow:hidden; letter-spacing:-1px; padding:10px 0;border-top:0 solid #e0e0e0;} 
.product_view_top .info dl dt				{float:left; width:85px;padding:0 0 0 5px; color:#000; line-height:130%;font-weight:300;border-right:1px solid #e0e0e0; }
.product_view_top .info dl dd				{float:left; width:calc(100% - 85px); padding:0 0 0 15px; line-height:130%;color:#4d4d4d; word-break:break-all; }
.product_view_top .info dl dd b			{color:#fa5800;font-weight:bold;}
.product_view_top .btn						{width:100%; background:#111; border-radius:0; color:#fff; padding:20px 0; text-align:center; font-size:1.2em; letter-spacing:-1px; font-weight:500; margin-top:20px;}
.product_view_top .btn:hover				{background:#0083fe;}
.product_view_order						{margin-bottom:60px;}
.product_view_btn							{margin-bottom:60px; text-align:center;}

.product_view_btm							{border-bottom:1px solid #ddd; padding-bottom:60px; margin-bottom:40px;}
.product_view_btm .cont_box				{position:relative;margin-bottom:80px;  }
.product_view_btm .cont_box_tit						{position:relative; display:block;border-bottom:1px solid #ddd; margin:0 0 50px 0; text-align:left;background:#fff;}
.product_view_btm .cont_box_tit p						{   padding:0 0 15px 15px; font-size:1.3em; font-weight:500;color:#000; letter-spacing:-2px;  }
.product_view_btm .cont_box_tit p:after					{position:absolute; left:0; top:6px; content:''; display:block; width:4px; height:16px; background:#0083fe; border-radius:3px;}
 
.product_view_btm h4:after					{display:none;}
.product_view_btm ul						{position:relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px 20px;}
.product_view_btm figure					{position:relative; height:180px; box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);}
.product_view_btm figure img				{width:100%;height:100%;object-fit:cover; }
.product_view_btm .tit						{text-align:center; margin:15px 0 0 0; line-height:1.4; font-size:0.95em;}
.product_view_btm .layer					{position:absolute;	top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;	width:100%;	height:100%; transition:0.5s; opacity:.7;}
.product_view_btm ul li:hover .layer		{display:block;}


/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.product_view_top					{margin-bottom:40px;}
	.product_view_top .lt				{width:48%;}
	.product_view_top .lt figure		{height:320px;}	
	.product_view_top .lt ul			{margin:5px 0 0 0; gap: 5px 5px; }
	.product_view_top .lt ul li		{height:85px;}
	.product_view_top .rt				{width:48%;}
	.product_view_top .rt h2			{font-size:1.6em;}
	.product_view_top .info			{ font-size:0.95em;}
	.product_view_top .btn				{padding:15px 10px; font-size:1em;}
	.product_view_order				{margin-bottom:40px;}
	.product_view_btn					{margin-bottom:40px;}
	.product_view_btm h4				{font-size:1.4em; margin-bottom:20px; padding-top:15px;}

	.product_view_btm					{padding-bottom:20px; margin-bottom:40px;}
	.product_view_btm .cont_box		{margin-bottom:40px;}
	.product_view_btm ul				{grid-template-columns: repeat(3, 1fr); }
	.product_view_btm .tit				{margin:10px 0 0 0; }

}

/* screen 768 */
@media screen and (max-width:768px) { 

	.product_view_top .lt				{float:none; width:100%;}
	.product_view_top .rt				{float:none; width:100%; padding:15px 0 0 0; }
	.product_view_top .rt h2			{text-align:center; padding-bottom:10px;}
.product_view_top .info dl dt				{ padding:0 0 0 10px;   }

	.product_view_btm figure			{height:120px;}

}

/* screen 580 */
@media screen and (max-width:580px) {

	.product_view_btm ul				{grid-template-columns: repeat(2, 1fr); }

}






/* 반응형 ==================================================================================== */ 
.responsive_table_wrap				{width:100%;overflow:hidden;}
.responsive_table_wrap strong,
.responsive_table_wrap b			{font-weight:500;}
.responsive_mobileinfo				{display:none;}

/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.responsive_mobileinfo				{display:block; border-right:1px solid #fff !important;}

	.responsive_table_wrap				{border-top:2px solid #333;}
	.responsive_table, 
	.responsive_table thead, 
	.responsive_table tbody, 
	.responsive_table th, 
	.responsive_table td, 
	.responsive_table tr				{display: block; overflow:hidden; text-align:left;}

	.responsive_table thead tr			{position: absolute;top: -9999px; left: -9999px; }
	.responsive_table .rs_hidden		{display:none;}

}