/* 리스트 검색박스	 ======================================*/

.bbs_searchbox					{width:50%; margin:0 auto; }

.bbs_searchbox select			{float:left;padding-left:5px;width:25%;height:38px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.bbs_searchbox span				{position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
.bbs_searchbox .search_input	{box-sizing:border-box;width:100%;height:38px;color:#333;vertical-align:top;border:1px solid #ccc;font-size:14px; padding:0px 40px 0px 7px;}
.bbs_searchbox .search_btn		{position:absolute;top:7px;right:7px;text-align:right;}



/* mobie screen 785 */
@media screen and (max-width:785px) {
	.bbs_searchbox				{width:70%;}
}

/* mobie screen 520 */
@media screen and (max-width:520px) {
	.bbs_searchbox				{width:90%;}

}

/* 리스트 검색박스	 ======================================*/



/* 리스트	 ======================================*/

.listbox {
    position:relative; 
	display: grid; grid-template-columns: repeat(3, 1fr);
	gap: 20px 20px; 
}

.listbox:after{
	content:""; 
	display:block; 
	clear:both;
}

.listbox .list {
	position:relative;
	width:100%;
}

.listbox_nolist {
    border-top:2px solid #5e5e5e;
	padding:70px 0; 
	text-align:center;
	border-bottom:1px solid #dfdfdf; 
}


/* mobie screen 785 */
/*
@media screen and (max-width:785px) {
	.listbox {
		grid-template-columns: repeat(3, 1fr);
	}
}
*/

/* mobie screen 785 */
@media screen and (max-width:785px) {
	.listbox {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* mobie screen 480 */
@media screen and (max-width:480px) {
	.listbox {
		grid-template-columns: repeat(1, 1fr);
	}
}



.listbox .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:200px;
	transition:0.5s;
	opacity:.7;
	text-align:center;
}

.listbox .list:hover .layer {
	display:block;
}


.listbox .list > .img > img {
    background-color: #fff;
	width: 100%;
    height: 200px;
    border-bottom: 0;
	object-fit: cover;
}


.listbox .list > .listHead {
    height: 90px;
}

.listbox .list > .listHead > .subject {
    padding: 15px 0;
	font-size:1.05em;
	color: #333;
	font-weight:500;
	overflow: hidden;
	height:60px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.listbox .list > .listHead > .date {
	position:absolute;
	top:265px;
    font-size: 0.85em;
	color: #999;
    letter-spacing:0;
	text-align:left;
}

.listbox .list > .m_text {
	border-top: 1px solid #e0e0e0;
    font-size: 0.85em;
    padding: 7px 0px 6px 0px;
    margin-left: 10px;
	text-align:left;
}





.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; border:1px solid #eaeaea; transition: all 0.3s ease; height:180px; text-align:center; display:flex;justify-content:center;align-items:center;}
.product_list figure img			{width:auto; height:auto; max-width:90%; max-height:90%; flex:0 0 auto; object-fit:cover;}

.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	{transform: scale(1.03); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);}
.product_list li:hover .layer		{display:block;}
.product_list dl					{padding:22px 0; text-align:center;}
.product_list dl dt				{letter-spacing:-1px; font-size:1.2em; font-weight:500; color:#222; 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:0.95em; margin:5px 0 0 0;color:#777; letter-spacing:-0.75px; 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,
.product_nolist						{text-align:center; padding:80px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }


/* 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); }

}


/* 리스트	 ======================================*/





/* 뷰	 ======================================*/
.view_tit_wrap		{padding:8px; border-top:1px solid #333; border-bottom:1px solid #ccc; background:#f4f4f4; overflow:hidden; font-size:17px; } 
.view_tit			{line-height:180%; color:#333; font-weight:bold; padding:2px 0; }
.view_ctit			{display:inline-block; padding:2px 10px; color:#ff6600; border:1px solid #ff6600; margin-right:5px; font-size:13px; line-height:160%; background-color:#fff; }
.view_name			{text-align:right; color:#888; padding:4px 0 0 0; font-size:0.9em; }
 

.view_content		{padding:30px 10px; word-break:break-all; font-size:16px; min-height:300px; }
.view_content img	{max-width:100%; }


.view_file 			{padding:10px; border-top:1px solid #ddd; overflow:hidden; }
.view_file li		{font-size:0.95em overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; }

.view_file .view_file_tit		{float:left; width:140px; }
.view_file .view_file_tit span	{display:inline-block; margin-left:10px; width:120px; font-size:15px; font-weight:bold; text-align:center; line-height:40px; border:1px solid #ccc; }
.view_file .view_file_txt		{float:right; width:calc(100% - 140px); line-height:180%; }


/* mobie screen 785 */
@media screen and (max-width:785px) {
	.view_file li					{font-size:12px; }
	.view_file .view_file_tit		{display:none; }
	.view_file .view_file_txt		{float:none; width:100%; }
}




.view_btn_group						{padding:20px 0 30px 0; overflow:hidden; }

.view_prev_group					{border-top:1px solid #b5b5b5; }
.view_prev_group_li					{overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; } 
.view_prev_group_li:last-child		{border-bottom:1px solid #b5b5b5; } 

.view_prev_group_li a				{display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0.95em }
.view_prev_group_li a span			{display:inline-block; text-align:left; text-indent:20px; margin-right:20px; width:17%; color:#333333; border-right:1px solid #e8e8e8; }


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

	.view_prev_group_li					{overflow:hidden; padding:8px 0; border-bottom:1px solid #ddd; } 
	.view_prev_group_li a				{font-size:12px; }
	.view_prev_group_li a span			{text-indent:10px; }

}

 

.comment_box		{border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding:7px; background-color:#f7f7f7; overflow:auto; }
.comment_txt		{padding-top:3px; }
.comment_txt dt		{float:left; width:calc(100% - 120px); }
.comment_txt dd		{float:right; }
.comment_txt dt textarea	{border:1px solid #cccccc; width:100%; }
.comment_txt .com_btn 		{display:inline-block; text-align:center; font-size:15px; border:1px solid #ccc; background:#fff; color:#333; padding:0 25px; line-height:48px; margin:0 3px; cursor:pointer; vertical-align:top; }
.comment_txt .com_btn:hover	{border:1px solid #444; background:#555; color:#fff; }

.comment_view				{border-bottom:1px solid #dfdfdf; padding:20px 0; min-height:120px; }
.comment_view_name			{padding:0 10px; line-height:130%; color:#333; }
.comment_view_name span		{font-size:10px; color:#999999; }
.comment_view_content		{margin-top:20px; padding:0 10px; color:#555; }







@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.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:180px; text-align:center; display:flex;justify-content:center;align-items:center;}
.product_view_top .lt figure img		{width:auto; height:auto; max-width:90%; max-height:90%; flex:0 0 auto; 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:10px 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					{padding:30px; background:#f7f7f7; border-radius:10px;}
.product_view_top .info dl				{overflow:hidden; letter-spacing:-1px; margin:5px 0;}
.product_view_top .info dl dt			{float:left; width:80px; color:#000; font-weight:500; }
.product_view_top .info dl dd			{padding-left:80px; color:#4d4d4d;line-height:140%;}
.product_view_top .btn					{width:100%; background:#666; border-radius:2px; color:#fff; padding:18px 0; text-align:center; font-size:1.2em; letter-spacing:-1px; font-weight:500; margin-top:20px;}
.product_view_top .btn:hover			{background:#2d2d85;}/*#e93e2e #ff5544*/

.product_view_btm						{border-bottom:1px solid #ddd; padding-bottom:60px;}
.product_view_btm .cont_box				{margin-bottom:60px; text-align:center;}
.product_view_btm h4					{position:relative; text-align:left;margin-bottom:40px; font-family: 'GmarketSansMedium'; padding:20px 0 5px 14px; font-size:1.8em; color:#000; letter-spacing:-2.5px; line-height:140%;  border-top:1px solid #ddd;}
.product_view_btm h4:before				{position:absolute; left:0px; top:0; content:''; display:block; width:12%; height:2px; background:#2d2d85;}
.product_view_btm h4:after				{display:none;}



/* 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				{padding:20px; font-size:0.95em;}
	.product_view_top .btn				{padding:15px 10px; font-size:1em;}
	.product_view_btm h4				{font-size:1.4em; margin-bottom:20px; padding-top:15px;}

	.product_view_btm					{padding-bottom:20px;}
	.product_view_btm .cont_box			{margin-bottom:40px;}

}

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

	.product_view_top .lt				{float:none; width:100%;}
	.product_view_top .rt				{float:none; width:100%; margin:20px 0 0 0;}
	.product_view_top .rt h2			{text-align:center; padding-bottom:10px;}

}




/* 뷰	 ======================================*/





/* 폼	 ======================================*/
.write_title		{color:#111; font-weight:bold; padding:15px 10px; text-align:center; background-color:#eeeeee; border-top:2px solid #5e5e5e; font-size:17px; }
.write_area			{width:100%; table-layout:fixed; }
.write01			{text-align:center; background:#f7f7f7; padding:8px; width:110px; border-right:1px solid #ddd; border-top:1px solid #ddd; }
.write02			{padding:8px; border-top:1px solid #ddd; }
/* 폼	 ======================================*/



/* 정은재 */
.search_top						{overflow:hidden;margin-bottom:20px;}
.count_stxt						{float:left;}
.bbs_searchbox					{float:right;}

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

	.count_stxt						{float:none;}
	.bbs_searchbox					{float:none;width:100%;}

}