body					{margin:0; padding:0; background-color:#fff; font-size :12px; font-family:"Dotum";}
input ,select {font-family:"Dotum"; border:1px solid #D8D8D8; background-color:#FBFBFB; color:#999999;}
.noinput 			{border:none; background-color:#FFFFFF;}
textarea 			{border:1px solid #D8D8D8; font-family:"Dotum"; color:#999999; font-size :12px; padding:2px; background-color:#FBFBFB;}

form										{margin:0;  padding:0}
img, fieldset, button		{border:0}
p 											{margin:0; padding:0}

a:link										{font-family:"Dotum"; font-size:12px; text-decoration:none; color:#999 ;line-height:14px;letter-spacing:-1px;}
a:active									{font-family:"Dotum"; font-size:12px ;text-decoration:none; color:#999 ;line-height:14px;letter-spacing:-1px;}
a:visited									{font-family:"Dotum"; font-size:12px ;text-decoration:none; color:#999 ;line-height:14px;letter-spacing:-1px;}
a:hover 									{font-family:"Dotum"; font-size:12px ;text-decoration:none; color:#F00 ;line-height:14px;letter-spacing:-1px;}

.mainmd 									{font-size:15px ;text-decoration:none; color:#FFF ; font-weight:bold; position:absolute; top:0;}
.mainmdmenu									{line-height:48px; width:730px}
.mainmdtt									{width:100px; text-align:center;line-height:48px;}
.mainmd a:link								{font-family:"Dotum"; font-size:13px; text-decoration:none; color:#CCC ;line-height:14px;letter-spacing:-1.5px; font-weight:bold; margin:0 10px 0 11px}
.mainmd a:active							{font-family:"Dotum"; font-size:13px ;text-decoration:none; color:#CCC ;line-height:14px;letter-spacing:-1.5px; font-weight:bold; margin:0 10px 0 11px}
.mainmd a:visited							{font-family:"Dotum"; font-size:13px ;text-decoration:none; color:#CCC ;line-height:14px;letter-spacing:-1.5px; font-weight:bold; margin:0 10px 0 11px}
.mainmd a:hover 							{font-family:"Dotum"; font-size:13px ;text-decoration:none; color:#FFF ;line-height:14px;letter-spacing:-1.5px; font-weight:bold; margin:0 10px 0 11px}
.mdup										{cursor:pointer;margin-bottom:2px}
.mddown										{cursor:pointer;margin-top:2px}
.mbmenu										{position:absolute;	width:955px; margin-top:-60px; text-align:right}
.mbmenu input								{background:#060; color:#FFF; font-weight:bold; font-size:15px; padding:7px 10px 7px 10px;  border:0; margin:0 }
/* Class css */
.left										{float:left;}
.right										{float:right;}
.clear										{clear:both;}
.alignLeft									{text-align:left;}
.alignRight									{text-align:right;}
.alignCenter								{text-align:center;}
/* auto {margin: 0px auto;} */
.verticalTop 								{vertical-align:top;}
.verticalBottom								{vertical-align:bottom;}
.verticalMiddle 							{vertical-align:middle;}
.imgAlign									{vertical-align: middle;}
.cursorPoint								{cursor:pointer;}
.bdnone										{border:0}
.boardon									{background-color:#f5f5f5;}
.boardoff									{background-color:#fff}

#leftmenu .menu img 						{display:block;}
#leftmenu .menu img.rollover 				{display:none;}
#leftmenu .menu:hover img.rollover, 
	      .menu a:hover img.rollover 		{display:block;}
#leftmenu .icSelected a img 				{display:none;}
#leftmenu .icSelected a img.rollover 		{display:block;}

#leftmenu .menu2 img 						{display:block;}
#leftmenu .menu2 img.rollover 				{display:none;}
#leftmenu .menu2:hover img.rollover, 
	      .menu2 a:hover img.rollover 		{display:block;}
#leftmenu .icSelected2 a img 				{display:none;}
#leftmenu .icSelected2 a img.rollover 		{display:block;}
#leftmenu .menu								{height:25px}
#leftmenu .menu2							{height:20px}

#Layer,
#Layer1,
#Layer2,
#Layer3										{position:absolute;left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));top:expression((document.body.clientHeight-this.style.height)/2-this.getAttribute("ros"));z-index:7000;}

.boardstyle1								{border-top:2px solid #000; margin-top:10px;}
.boardstyle1 th								{border-bottom:1px solid #333; padding:9px 0 8px 0}
.boardstyle1 th div							{border-right:1px solid #333; padding-top:2px;}
.boardstyle1 th .lno						{border:none}
.boardstyle1 td								{border-bottom:1px solid #CCC; padding:10px; text-align:center;}
.boardstyle1 td ,
.boardstyle1 th								{font-family:"Dotum";font-size:12px;}

.topmem div p								{float:right; margin:5px 3px 0 3px; cursor:pointer}
.topmem div p:hover							{color:#F00}
.topmem div div								{float:right}
.topmem div div img							{cursor:pointer}
.subtop										{text-align:center; background:#339900}
.subtitle									{width:100%; border-bottom:2px solid #090; padding:0 0 10px 0; margin:0px 0 20px 0;}

.tab1										{background:#666; padding:0; margin:40px 0 0 0;}
.tabstyle									{border-bottom:3px solid #090; margin:-22px 0 0 0;border-top:1px solid #CCC; border-left:1px solid #CCC;}
.tabstyle td								{border:1px solid #CCC; background:#FFF; color:#717171; font-size:13px; font-weight:bold; padding:10px 10px 10px 10px; cursor:pointer; text-align:center; border-top:none; border-left:none; letter-spacing:-2px; background:url(../inc/category2bg.gif) repeat-x}
.tabstyle th								{background:#e9f5e9;}
.tabstyle td:hover							{color:#090;}
.tabstyle .active							{background:#090; color:#FFF; border:1px solid #090}
.tabstyle .active:hover						{background:#090; color:#FFF; border:1px solid #090}


.tabstyle2									{margin:-22px 0 20px 0;border-top:1px solid #CCC;border-left:1px solid #CCC;}
.tabstyle2 td								{border:1px solid #CCC; background:#FFF; color:#666; font-size:11px; padding:8px 15px 6px 15px; cursor:pointer; text-align:center; border-top:none; border-left:none}
.tabstyle2 th								{background:#e9f5e9;}
.tabstyle2 td:hover							{color:#090;}
.tabstyle2 .active							{background:#090; color:#FFF; border:1px solid #090}
.tabstyle2 .active:hover					{background:#090; color:#FFF; border:1px solid #090}

.tab2										{background:#666; padding:0; margin:-22px 0 0 0;}
.tab3										{background:#666; padding:0; margin:0px 0 0 0;}
.tab2style									{font-family:KoddiUDOnGothic-Bold; color:#FFF; font-size:15px;}
.tab2style td								{padding:14px 0 13px 0; cursor:pointer; text-align:center;}
.tab2style td:hover							{background:#666;color:#FC0;}
.tab2style .active,.tab2style .active:hover	{color:#FC0; background:#666}

.tab3										{background:#666; padding:0; margin:0 0 0 0; }
.tab3style									{color:#FFF; font-size:12px;}
.tab3style td								{padding:14px 0 13px 0; cursor:pointer; text-align:center;}
.tab3style td:hover							{background:#666;color:#FC0;}
.tab3style .active,.tab2style .active:hover	{color:#FC0; background:#666}

.tabinfo                  {text-align:right; padding: 1px 30px; height: 16px;}
.tabinfo span                  {font-size:12px;}

.sarchpg									{border:5px solid #666; margin:10px 0 20px 0;}
.sarchpg select								{width:170px; height:22px}
.sarchpg input								{height:18px}
.sarchpg .scbtn								{background:#333; color:#FFF; font-weight:bold; border:1px solid #333; padding:3px 10px 2px 10px; height:auto}
.txtcolor1	{color:#F30; font-weight:bold}
.sarchpg tr td {  padding:10px 0 10px 10px;}

.prolist									{border-top:2px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC;  margin-top:5px}
.prolist td									{border-bottom:1px solid #CCC; border-right:1px solid #CCC; text-align:center}
.prolist th									{border-bottom:1px solid #CCC;}
.prolist td div,.prolist th div				{padding:35px 5px 15px 5px; cursor:pointer}
.prolist td div:hover,.prolist th div:hover	{background:#f2f2f2}

.prolistno									{margin:auto}
.prolistno,.prolistno td,.prolistno th		{border:none; text-align:center; padding:0 0 5px 0; font-weight:normal}
.prolistno th								{font-weight:bold; padding-top:10px}
								
.prolistdt									{margin-top:5px; font-family:KoddiUDOnGothic-Regular; color:var(--font-color-k80); }
.prolistdt td								{text-align:center;}
.prolistdt td.first_td      {}
.prolistdt td .first_div    {width:100%; height:100%; margin:0px; display:flex; justify-content:center;}
.prolistdt th			          {border-bottom:1px solid #CCC; vertical-align:top; background-color:#eee; text-align:left; padding:30px 25px 0 25px;}
.prolistdt th.first_th			{vertical-align:top; background-color:#ccc; text-align:left; padding:25px;}
.prolistdt th.first_th div	{background-color:#eee; padding:2.5px 12.5px 12.5px 12.5px;}
.prolistdt th.first_th div.title {background-color:unset; padding:0px; display:flex;}
.prolistdt th.first_th div.title h1 {font-family:KoddiUDOnGothic-Bold; margin-bottom: 10px;}
.prolistdt th.first_th div.description {background-color:unset; padding:0px; display:flex;}
.prolistdt th.first_th div.description p {color:var(--font-color-k70); margin-bottom: 15px;}
.prolistdt th h1						{font-size:30px; font-family:"Dotum"; font-weight:bold; margin:0 0 20px 0; color:#498642; letter-spacing:-1px}
.prolistdt td div						{margin:15px; width:455px;}
.prolistdt th p							{font-weight:normal; line-height:20px; color:#666}
.prolistdt .prod-img				{clip-path: inset(0 2px)}
.prolistdt .table-left:has(.ca-idx-1007,.ca-idx-1011)		{background: #FCF5EB}


.detail1									{border:0; font-weight:normal; margin-top:20px;}
.detail1 th									{background:#a3c1a3; color:#030; font-weight:bold; text-align:center; vertical-align:middle; padding:10px 0 10px 0; margin:0;}
.detail1 td									{text-align:center; vertical-align:middle; padding:10px 0 10px 0; margin:0; border-right:none}

.detail2									{border:0;}
.detail2 th									{font-family:KoddiUDOnGothic-Bold; color:var(--font-color-k90); font-weight:bold; text-align:left; vertical-align:top; padding:13px 0 0 5px; +padding:15px 0 0 0; margin:0; border:none; border-bottom:1px solid #CCC; border-right:1px solid #CCC}
.detail2 td									{border:none; text-align:left; vertical-align:top; line-height:20px; padding:13px 0 10px 10px; border-bottom:1px solid #CCC}
.detail2 td img								{margin-top:6px; +margin-top:8px;}
.detail2 tfoot a								{font-family:KoddiUDOnGothic-Bold; color:var(--font-color-k90); font-size:16px; background-color:yellow; border: 1px solid black; padding:4px; margin-left:-12px;}
.detail2 tfoot a:hover					{background-color:#FFD700;}


.detail3									{color:#666; margin-top:50px}
.detail3 .ptext								{font-size:15px; font-weight:bold}
.detail3 div								{border-top:2px solid #666; margin:10px 0 0 0; padding:10px 0 0 0; line-height:20px}
.detail3 .dtgallery p						{width:150px; background:#CCC; float:left; margin:0 10px 50px 10px; border:10px solid #eee}

.detail4									{clear:both; color:#666; font-size:17px; font-weight:bold; margin-top:30px; width:100%; border-top:2px solid #666;}
.detail4 .detailp							{margin:10px 0 0 0; float:left; width:150px;}
.detail4 .detaild							{margin:12px 0 0 0; float:left; font-size:12px; font-weight:normal; width:800px; line-height:20px;}

.comentbtn									{background:#FFF; border:1px solid #999; text-align:center; height:100px; cursor:pointer}
.comentbtn:hover							{color:#F30; border:1px solid #F30;}

.cmt										{border-bottom:1px solid #999; margin-top:15px;}
.cmt div									{font-weight:normal; color:#666; margin-bottom:5px; line-height:20px;}
.cmt div span								{color:#000; font-weight:bold}
.cmt .cmtdel								{color:#F30; cursor:pointer;margin-left:810px}

.brbox p									{border:1px solid #CCC; width:230px; height:95px; float:left; margin:0 3px 5px 3px }

.cook										{border-top:2px solid #CCC; border-bottom:1px solid #CCC; margin-top:5px}
.cook td									{border-bottom:1px solid #CCC; text-align:center; padding:15px 0 15px 15px; font-weight:normal}
.cook .smlistimg img						{margin:0 15px 3px 3px}
.cook .pinbox								{position:relative; height:18px;}
.cook .listtext p,.cook .listtext h1		{text-align:left}
.cook .listtext h1							{line-height:0; +line-height:22px; font-size:20px; +margin:0 0 10px 0}
.cook .listtext .lttext						{line-height:20px; padding:6px 0 0 0; +padding:5px 0 0 0; margin:0 0 2px 0}
.cook .pinimg								{position:absolute; left:0; +margin:0 0 0 -88px; width:200px; font-size:15px; color:#F60; font-weight:bold}
.cook .pinimg img							{vertical-align:top}
.cook .pin									{height:16px; width:159px; position:absolute; left:0; margin:1px 0 0 0; +margin:1px 0 0 -88px}
.cook .pin p								{background:#F60; height:14px; float:left}

.detail2 .pinbox							{position:relative; height:18px; width:210px;background:none; margin:0; padding:0}
.detail2 .pinimg							{position:absolute; left:0; width:200px; font-size:15px; color:#F60; font-weight:bold}
.detail2 .pinimg img						{vertical-align:top; margin:0}
.detail2 .pin								{height:15px; width:159px; position:absolute; left:0; margin:1px 0 0 0; +margin:2px 0 0 0;}
.detail2 .pin p								{background:#F60; height:14px; float:left}

.cook .dtlbtn								{background:#F60; border:3px solid #F50; color:#FFF; font-weight:bold; margin:10px 0 0 0; cursor:pointer}
.cook .mapbtn								{background:#999; border:3px solid #888; color:#FFF; font-weight:bold; margin:10px 0 0 0; cursor:pointer}

.cookalign p								{margin-left:20px; cursor:pointer; color:#999}
.cookalign p:hover,.cookalign .active		{color:#000}

.cooktab									{border-top:2px solid #999; background:#eee; border-left:1px solid #ccc; text-align:center; margin-bottom:15px}
.cooktab td									{border-right:1px solid #ccc; padding:10px 0 10px 0; border-bottom:1px solid #CCC; cursor:pointer}
.cooktab td.active							{background:#FFF; border-bottom:none; font-weight:bold}
.cooktab th									{border-bottom:1px solid #CCC;}
.review										{background:#F60; border:3px solid #F50; color:#FFF; font-weight:bold; cursor:pointer}


.cmt .pinbox								{position:relative; height:18px; width:200px;background:none; margin:0 0 5px 0; padding:0}
.cmt .pinimg								{position:absolute; left:0; width:200px; font-size:15px; color:#F60; font-weight:bold;}
.cmt .pinimg img							{vertical-align:top; margin:0}
.cmt .pinimg span							{text-align:right; float:right}
.cmt .pin									{height:15px; width:159px; position:absolute; left:0; margin:1px 0 0 0; +margin:2px 0 0 0;}
.cmt .pin p									{background:#F60; height:14px; float:left}

.boardstyle2								{border-top:2px solid #333; background-color:#FFF; text-align:left} 
.boardstyle2 thead .titlte					{background-color:#FFF; font-size:15px; font-weight:bold; padding:15px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; color:#F30}
.boardstyle2 thead .sub						{border-bottom:1px solid #CCC; padding:15px; background:url(../images/member/joyTitlebg.gif) 0 5px repeat-x; color:#999}
.boardstyle2 tbody .sub						{border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:30px; background-color:#F2F2F2}
.boardstyle3								{border-top:1px solid #CCC; background-color:#FFF; text-align:left}
.boardstyle3 th								{background-color:#f8f8f8; font-size:13px; font-weight:bold; padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.boardstyle3 td								{background-color:#fff; font-size:13px; padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.boardstyle3 input,.boardstyle3 select		{height:22px; padding:3px}

.boardstyle3 .idcheck						{font-size:12px; background:#090; color:#FFF; border:2px solid #060; cursor:pointer; padding:2px 10px 0 10px; height:30px; vertical-align:middle;margin-top:-5px; +margin-top:-15px; }
.boardstyle3 .joinemail						{font-size:25px;}
.boardstyle3 .joinemail input				{vertical-align:middle}
.boardstyle3 .joinemail select				{+vertical-align:middle}

.joinbtn1									{background:#090; border:3px solid #060; font-weight:bold; font-size:15px; color:#FFF; padding:10px 20px 10px 20px; cursor:pointer; margin:25px 5px 30px 5px}
.joinbtn2									{background:#999; border:3px solid #666; font-weight:bold; font-size:15px; color:#FFF; padding:10px 20px 10px 20px; cursor:pointer; margin:25px 5px 30px 5px}
.boardstyle3 .loginbtn						{width:140px; background:#F60; color:#FFF; font-weight:bold; font-size:20px; text-align:center; vertical-align:middle; cursor:pointer}

.loginpage a:link							{font-family:"Dotum"; font-size:12px; text-decoration:underline; color:#09C ;line-height:14px;letter-spacing:-1px;}
.loginpage a:active							{font-family:"Dotum"; font-size:12px ;text-decoration:underline; color:#09C ;line-height:14px;letter-spacing:-1px;}
.loginpage a:visited						{font-family:"Dotum"; font-size:12px ;text-decoration:underline; color:#09C ;line-height:14px;letter-spacing:-1px;}
.loginpage a:hover 							{font-family:"Dotum"; font-size:12px ;text-decoration:underline; color:#F00 ;line-height:14px;letter-spacing:-1px;}

.mmenu img 									{display:block; float:left; margin:0 2px 0 2px; cursor:pointer}
.mmenu img.rollover 						{display:none;}
.mmenu img.rollon 							{display:block;}
.news										{margin:7px 0 0 0;}
.news p										{margin:3px 0 3px 0}

.mrecipe									{background:url(../images/main/main4_title.gif) no-repeat; height:27px; padding-top:5px;}
.mrecipe1									{background:url(../images/main/main4_title_1.gif) no-repeat; height:27px; padding-top:5px;}
.mrecipe img								{vertical-align:middle; cursor:pointer; margin-top:-3px}
.mrecipe span								{margin:0 5px 0 5px; color:#999; font-weight:bold; cursor:pointer}
.mrecipe span:hover,.mrecipe .active		{margin:0 5px 0 5px; color:#000}
.mrecipe1 img								{vertical-align:middle; cursor:pointer; margin-top:-3px}
.mrecipe1 span								{margin:0 5px 0 5px; color:#999; font-weight:bold; cursor:pointer}
.mrecipe1 span:hover,.mrecipe .active		{margin:0 5px 0 5px; color:#000}
.recipebox0									{position:relative; overflow:hidden; width:616px; height:155px}
.recipebox									{position:absolute; left:0; width:2000px;}
.recipebox p								{background:url(../images/main/main4_imgbg.gif) no-repeat; width:133px; height:123px; padding-top:12px; float:left; margin:10px 27px 0 1px}
.recipebox img								{margin-bottom:20px;}
.cusmore									{width:295px; text-align:right; margin:6px 0 10px 0}
#quickpart									{position:absolute; top:230px;margin-left:-92px}
#quickpart .leftq							{width:100px;text-align:left;border:1px solid #ccc}
#quickpart .rightq							{width:110px;position:absolute;left:1082px;text-align:left}
#quickpart .leftq img						{margin:0; padding:0; cursor:pointer}			
#quickpart .rightq							{top:0;}	
#quickpart dl								{border:1px solid #585858;margin:0 0 10px 0; padding:0;}
#quickpart .leftq dl						{border:1px solid #585858; margin:0; padding:0}
#quickpart dt								{line-height:35px;font-size:12px; color:#FFF;height:35px; cursor:pointer; border-top:1px solid #777; border-bottom:1px solid #444;  background:url(../images/inc/qkbg.gif) center center; padding-left:10px; letter-spacing:-1px; margin:0;}
#quickpart .leftq dt						{background:url(../images/inc/qkbg.gif) -10px center;}
#quickpart dt span							{color:#F90;}
#quickpart dd								{margin:0; padding:0; background:#FFF}
#quickpart dd .qkctn						{padding:10px; text-align:center}
#quickpart dd .qkctn p						{margin-bottom:10px;} 
#quickpart dd .qkctn img					{margin-bottom:5px}
#quickpart .qkuum							{background:#CCC; padding:10px}
#quickpart .qkuum div						{text-align:center; width:60px}
#sus										{position:relative; width:945px; margin:auto; z-index:999999999999999; }
#sus .suslayout								{background:#CCC; width:945px; margin:-600px auto; position:absolute; border:5px solid #999; margin-left:-5px}
#sus .sustt									{margin:20px; color:#FFF; font-size:15px; font-weight:bold; float:left}
#sus .susimg								{cursor:pointer;margin:20px; float:right}
#sus .ctnla									{width:700px; background:#f5f5f5; border:1px solid #CCC; height:341px;overflow:hidden; position:relative}
#sus .ctnla h2								{color:#F60; font-size:18px; +padding-top:16px}
#sus .susctn								{position:absolute}
#sus .linkbar								{background:url(../images/inc/susmenubg.png) no-repeat; width:240px; height:50px; position:absolute; top:78px;}
#sus .subleftmenu							{width:240px; position:absolute; +margin-top:7px}
#sus .subleftmenu .link1,
#sus .subleftmenu .link2,
#sus .subleftmenu .link3,
#sus .subleftmenu .link4,
#sus .subleftmenu .link5,
#sus .subleftmenu .link6					{margin:0 0 0 20px; margin-bottom:-2px\0/IE8; padding-top:6px\0/IE8;+margin:0 0 4px 20px;  cursor:pointer;}
:root #sus .subleftmenu .link1,
:root #sus .subleftmenu .link2,
:root #sus .subleftmenu .link3,
:root #sus .subleftmenu .link4,
:root #sus .subleftmenu .link5,
:root #sus .subleftmenu .link6				{margin:0 0 0 20px;padding-top:0}
#sus .fff									{color:#FFF}
#sus .ctnla .susctn1,
#sus .ctnla .susctn2,
#sus .ctnla .susctn3,
#sus .ctnla .susctn4,
#sus .ctnla .susctn5						{padding:10px 20px 20px 20px;  overflow:auto; overflow-x:hidden; line-height:20px; +width:660px; top:0}


.ceoboard									{border-top:2px solid #000; margin-top:5px; font-size:14px;}
.ceoboard th								{border-bottom:1px solid #CCC; padding:7px 10px 10px 10px; min-height:30px; position:relative;}
.ceoboard .top1								{padding-top:10px; background:#ECFFDD; color:#090}
.ceoboard td								{border-bottom:1px solid #CCC; padding:7px 10px 10px 10px}
.ceoboard .top2								{padding-top:10px; background:#ECFFDD;}

.ceoboard2 table a:link						{font-family:"Dotum"; font-size:12px; text-decoration:none; color:#000 ;line-height:14px;letter-spacing:-1px;}
.ceoboard2 table a:active					{font-family:"Dotum"; font-size:12px ;text-decoration:none; color:#000 ;line-height:14px;letter-spacing:-1px;}
.ceoboard2 table a:visited					{font-family:"Dotum"; font-size:12px ;text-decoration:none; color:#000 ;line-height:14px;letter-spacing:-1px;}
.ceoboard2 table a:hover 					{font-family:"Dotum"; font-size:12px ;text-decoration:none; color:#090 ;line-height:14px;letter-spacing:-1px;}

.boardstyle4								{border-top:1px solid #CCC; border-left:1px solid #CCC; background-color:#FFF; text-align:left}
.boardstyle4 th								{background-color:#f8f8f8; font-size:13px; font-weight:bold; padding:5px 10px 5px 10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.boardstyle4 td								{background-color:#fff; font-size:13px; padding:5px 10px 5px 10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}

.tdcent td									{text-align:center; padding:5px 0 5px 0; letter-spacing:-1px;}
.fcboard									{margin-bottom:20px}
.fcboard th 								{font-size:15px; color:#000; font-weight:bold; line-height:15px; text-align:left; line-height:19px; padding-bottom:5px}
.fcboard td									{font-size:12px; color:#999;  line-height:18px; text-align:left;}
.fcboard td img								{margin-bottom:5px; margin-top:10px}

.listpro									    {background:#FFF; border:1px solid #CCC; width:290px; margin:0 0 30px 0; cursor:pointer; background:#f9f9f9}
.listpro th			              {padding:25px 25px 15px 25px;}
.listpro td									  {padding:2px 0 1px 0;}
.listpro .subtt								{padding-left:25px; font-size:15px; color:#000; font-weight:bold; letter-spacing:-1px}
.listpro .maintt							{padding:5px 25px 25px 25px; font-size:11px; color:#999; line-height:18px}
.listpro:hover								{border:1px solid #090;}
.listpro .ttbasic							{font-size:15px; color:#000; font-weight:bold; letter-spacing:-1px; text-align:center}
.listpro .stbasic							{padding:10px 25px 25px 25px; font-size:11px; color:#999; text-align:center}

table.listpro2-table-cell           {display:table-cell;}
.listpro2											{background:#FFF; border:1px solid var(--font-color-k50); width:160px; height:330px; margin:0 0 calc(30px/3) 0; cursor:pointer;}
.listpro2 th									{padding:calc(20px/3) calc(25px/3) calc(15px/3) calc(25px/3);}
.listpro2 td									{padding:2px 0 1px 0;}
.listpro2 tr:nth-child(2)			{border-top:#000 1px solid;}
.listpro2 .subtt2							{font-family: NotoSansCJK-Bold; padding:5px calc(25px/3); font-size:15px; color:var(--font-color-k90); letter-spacing:-1px; text-align:center; height:45px;}
/* .listpro2 .subtt							{padding-left:calc(25px/3); font-size:15px; color:#000; font-weight:bold; letter-spacing:-1px} */
/* .listpro2 .maintt							{padding:5px 25px 25px 25px; font-size:11px; color:#999; line-height:18px} */
.listpro2:hover								{border:1px solid #090;}
.listpro2 .ttbasic						{font-size:15px; color:#000; font-weight:bold; letter-spacing:-1px; text-align:center}
.listpro2 .stbasic						{padding:10px 25px 25px 25px; font-size:11px; color:#999; text-align:center}
.listpro2 .prod-img						{clip-path: inset(0 2px)}
.listpro2:has(.ca-idx-1007,.ca-idx-1011)		{background: #FCF5EB}

.listpro2.no_cursor{cursor:unset;}


.f_menu a {color:#fff; text-decoration:none; margin-left:26px;}