@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

  {margin:0px; padding:0px;}
* {margin:0px; padding:0px;
   -webkit-text-size-adjust:none;}


html, body {font-family:"Noto Sans SC", "Noto Sans KR", "맑은고딕", "돋움체", "굴림체"; color:#333; font-size:0.90em; line-height:1.3; width:100%;}


img                             {border;none; cursor:pointer;}
ul, ol , li, dl, dt, dd         {list-style:none;  word-break:break-all; overflow:hidden;}
div                             {overflow:hidden;}
fieldset                        {background-color:#fff; padding:3px; margin:3px; border:1px solid navy;}
fieldset legend                 {padding:3px 10px; background-color:orangered; font-size:15px; font-weight:bold; color:white; border:1px solid navy;}

input[type="text"], input[type="number"], input[type="password"]          {background-color:#fff;  color:#333; font-size:12px; border:1px solid #999; padding:5px 5px;box-sizing:border-box;}
select                                                                    {background-color:#fff;  color:#333; font-size:12px; border:1px solid #999; padding:4px 5px;box-sizing:border-box;}
input[type="submit"], input[type="button"]                                {background-color:dimgrey; color:#fff; font-size:12px; border:1px solid green; padding:5px 10px; border-radius:5px;  cursor:pointer; box-sizing:border-box;}
textarea                                                                  {background-color:ivory; color:#333; font-size:12px; border:1px solid red; padding:3px 5px;  margin:0;  box-sizing:border-box;} 

A:link     {color: #333; text-decoration:none; cursor:pointer;}
A:visited  {color: #333; text-decoration:none; cursor:pointer;}
A:active   {color: #333; text-decoration:none; cursor:pointer;}
A:hover    {color:red;   text-decoration:none; cursor:pointer;}



h2         {border-right:1px solid #ddd; margin-top:0px; padding:5px; }
h2.title01 {background-color:orangered; color:white;}
h2.title02 {background-color:skyblue; color:#333;}
h2.title03 {background-color:gold; color:dimgrey;}

h3.shopdp {color:gold; border:1px solid #ddd; margin-top:2px; padding:5px; background-color:black;}
h4 {color:red; border:1px solid #ddd; margin-top:3px; padding:2px; background-color:skyblue;}
h5.bottom01 {display:inline; color:#999; font-size:20px; font-weight:bold; margin-left:10px; padding:30px 0 10px 0; background-color:#262626; border-bottom:3px solid #494949;}

/* button Design */

.button01 {background-color:orangered; border-radius:5px; border:1px solid grey; color:#fff; padding:5px 15px; font-weight:bold; font-size:25px; cursor:pointer;}


/* Table Design */


table                {border-collapse:collapse; text-align:center; vertical-align:middle; margin:0; padding:0;}
table.border1        {border: 1px solid grey;}
table.border2        {border: 2px solid grey;}
td                   {padding:5px;}
caption              {font-size:15px; font-weight:bold; background-color:wheat; padding:15px; border:3px solid #d8d8d8;}
th                   {background-color:cobalt; color:white; font-weight:bold; font-size:1.00em; padding:5px;}




.tb100_back01               {background-color:#fff; margin-top:0px; width:100%;}
.tb100_back01 th            {border:1px solid #d8d8d8; background-color:green; text-align:center; font-size:14px; color: white;}
.tb100_back01 td            {border-bottom:1px solid #d8d8d8;  background:url("/all_icon/barback_1.png") no-repeat right bottom;}
.tb100_back01 tr:hover      {background-color:#eaeaea;}

.tb100_line01                {background-color:#fff; margin-top:0px; width:100%;}
.tb100_line01 th             {border:1px solid #d8d8d8; background-color:green; text-align:center; font-size:14px; color: white;}
.tb100_line01 td             {border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.tb100_line01 tr:first-child             {border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.tb100_line01 td:first-child         {border-left:1px solid #d8d8d8;}
.tb100_line01 tr:hover       {background-color:#eaeaea;}



.div050pro           	  {width:50%; margin:0 auto; background-color:#fff;}
.div060pro           	  {width:60%; margin:0 auto; background-color:#fff;}
.div080pro           	  {width:80%; margin:0 auto; background-color:#fff;}
.div090pro             	  {width:90%; margin:0 auto; background-color:#fff;}
.div100pro             	  {width:100%; margin:0 auto; background-color:#fff;}







/* Class factor Design */


.clearboth00      {clear:clearboth;}


.textleft         {text-align:left;}
.textright        {text-align:right;}
.textcenter       {text-align:center;}
.texttop          {vertical-align:top;}
.textbottom       {vertical-align:bottom;}
.textlast_left    {background-color:none; text-align:left;}
.textlast_left    {background-color:none; text-align:center;}
.textlast_right   {background-color:none; text-align:right;}
.nodata_table     {font-size:20px; line-height:200%; color:navy; padding:150px 0;}
.nodata_text      {font-size:20px; line-height:200%; color:navy; padding:15px 15px;}


.ftgold                 {color:gold;}
.ftsilver               {color:silver;}
.ftred                  {color:red;}
.ftblue                 {color:blue;}
.ftteal                 {color:teal;}
.ftblack                {color:black;}
.ftmidnightblue 	{color:midnightblue;}
.ftorange               {color:orange;}
.ftorangered            {color:orangered;}
.ftviolet               {color:violet;}
.ftgreen                {color:green;}
.ftgrey                 {color:grey;}
.ftdimgrey              {color:dimgrey;}
.ftlightgrey            {color:lightgrey;}
.ftdarkgrey             {color:darkgrey;}
.ftgray                 {color:gray;}
.ftdimgray              {color:dimgray;}
.ftlightgray            {color:lightgray;}
.ftdarkgray             {color:darkgray;}
.ftsilver  		{color:silver;}
.ftwhite   		{color:white;}
.ftwheat   		{color:wheat;}
.ftyellow  		{color:yellow;}
.ftcrimson 		{color:crimson;}
.ftcoral   		{color:coral;}
.fttomato  		{color:tomato;}
.fttan     		{color:tan;}
.ftpeachpuff 		{color:peachpuff;}
.ftlime 		{color:lime;}
.ftpowderblue 	        {color:powderblue;}
.ftskyblue 		{color:skyblue;}
.ftnavy                 {color:navy;}
.ftpurple 		{color:purple;}
.ftplum		        {color:plum;}
.ftindigo 		{color:indigo;}
.ftmagenta 		{color:magenta;}
.ftcornsilk 		{color:cornsilk;}
.ftbeige 		{color:beige;}
.ftivory 		{color:ivory;}
.ftgainsboro 		{color:gainsboro;}

.ftsize08  {font-size:8px;}
.ftsize09  {font-size:9px;}
.ftsize10  {font-size:10px;}
.ftsize11  {font-size:11px;}
.ftsize12  {font-size:12px;}
.ftsize13  {font-size:13px;}
.ftsize14  {font-size:14px;}
.ftsize15  {font-size:15px;}
.ftsize16  {font-size:16px;}
.ftsize17  {font-size:17px;}
.ftsize18  {font-size:18px;}
.ftsize19  {font-size:19px;}
.ftsize20  {font-size:20px;}
.ftsize21  {font-size:21px;}
.ftsize22  {font-size:22px;}
.ftsize23  {font-size:23px;}
.ftsize24  {font-size:24px;}
.ftsize25  {font-size:25px;}


.ftbold    {font-weight:bold;}

.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}



.backgold               {background-color:gold;}
.backsilver             {background-color:silver;}
.backred                {background-color:red;}
.backblue               {background-color:blue;}
.backteal               {background-color:teal;}
.backblack              {background-color:black;}
.backmidnightblue 	{background-color:midnightblue;}
.backorange             {background-color:orange;}
.backorangered          {background-color:orangered;}
.backviolet             {background-color:violet;}
.backgreen              {background-color:green;}
.backgrey               {background-color:grey;}
.backdimgrey            {background-color:dimgrey;}
.backlightgrey          {background-color:lightgrey;}
.backdarkgrey           {background-color:darkgrey;}
.backgray               {background-color:gray;}
.backdimgray            {background-color:dimgray;}
.backlightgray          {background-color:lightgray;}
.backdarkgray           {background-color:darkgray;}
.backsilver  		{background-color:silver;}
.backwhite   		{background-color:white;}
.backwheat   		{background-color:wheat;}
.backyellow  		{background-color:yellow;}
.backcrimson 		{background-color:crimson;}
.backcoral   		{background-color:coral;}
.backtomato  		{background-color:tomato;}
.backtan     		{background-color:tan;}
.backpeachpuff 		{background-color:peachpuff;}
.backlime 		{background-color:lime;}
.backpowderblue 	{background-color:powderblue;}
.backskyblue 		{background-color:skyblue;}
.backnavy               {background-color:navy;}
.backpurple 		{background-color:purple;}
.backplum		{background-color:plum;}
.backindigo 		{background-color:indigo;}
.backmagenta 		{background-color:magenta;}
.backcornsilk 		{background-color:cornsilk;}
.backbeige 		{background-color:beige;}
.backivory 		{background-color:ivory;}
.backgainsboro 		{background-color:gainsboro;}


td.backgold             {background-color:gold;}
td.backsilver           {background-color:silver;}
td.backred              {background-color:red;}
td.backblue             {background-color:blue;}
td.backteal             {background-color:teal;}
td.backblack            {background-color:black;}
td.backmidnightblue 	{background-color:midnightblue;}
td.backorange           {background-color:orange;}
td.backorangered        {background-color:orangered;}
td.backviolet           {background-color:violet;}
td.backgreen            {background-color:green;}
td.backgrey             {background-color:grey;}
td.backdimgrey          {background-color:dimgrey;}
td.backlightgrey        {background-color:lightgrey;}
td.backdarkgrey         {background-color:darkgrey;}
td.backgray             {background-color:gray;}
td.backdimgray          {background-color:dimgray;}
td.backlightgray        {background-color:lightgray;}
td.backdarkgray         {background-color:darkgray;}
td.backsilver  		{background-color:silver;}
td.backwhite   		{background-color:white;}
td.backwheat   		{background-color:wheat;}
td.backyellow  		{background-color:yellow;}
td.backcrimson 		{background-color:crimson;}
td.backcoral   		{background-color:coral;}
td.backtomato  		{background-color:tomato;}
td.backtan     		{background-color:tan;}
td.backpeachpuff 	{background-color:peachpuff;}
td.backlime 		{background-color:lime;}
td.backpowderblue 	{background-color:powderblue;}
td.backskyblue 		{background-color:skyblue;}
td.backnavy             {background-color:navy;}
td.backpurple 		{background-color:purple;}
td.backplum		{background-color:plum;}
td.backindigo 		{background-color:indigo;}
td.backmagenta 		{background-color:magenta;}
td.backcornsilk 	{background-color:cornsilk;}
td.backbeige 		{background-color:beige;}
td.backivory 		{background-color:ivory;}
td.backgainsboro 	{background-color:gainsboro;}




.pd0002 {padding:0px 2px;}
.pd0003 {padding:0px 3px;}
.pd0005 {padding:0px 5px;}
.pd0010 {padding:0px 10px;}
.pd0200 {padding:2px 0px;}
.pd0300 {padding:3px 0px;}
.pd0500 {padding:5px 0px;}
.pd1000 {padding:10px 0px;}
.pd0202 {padding:2px 2px;}
.pd0303 {padding:3px 3px;}
.pd0505 {padding:5px 5px;}
.pd0515 {padding:5px 15px;}
.pd1005 {padding:10px 5px;}
.pd1010 {padding:10px 10px;}
.pd3010 {padding:30px 10px;}



/* HTML5 reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


#wrap {display:table; width:100%; height:auto; margin:0 auto; border:0px solid red; box-sizing:border-box;}


/* underline */

.underline_01             {height:auto;  margin:0 auto; border-bottom:1px solid red; box-sizing:border-box;}


/* 메뉴-상단광고페이지 */

.menutopBox05_wrap     {width:100%; height:auto;  margin:0 auto; border-bottom:1px solid #ddd; box-sizing:border-box;}
.menutopBox05          {width:1280px; height:auto; margin:0 auto; background-color:#ddd  box-sizing:border-box;}
.menutopBox05 ul li    {display:table-cell; border:0px solid green; overflow:hidden; margin:0; padding:0; box-sizing:border-box;}



/* 메뉴-비로그인시 포탈페이지 로그인포맷 */


.menutopBox07_wrap     {width:100%; height:auto; margin:0 auto; border-bottom:1px solid #ddd; box-sizing:border-box;}
.menutopBox07          {display:table; width:1280px; height:auto; margin:0 auto;  background-color:red; border:0px solid red; box-sizing:border-box;}
.menutopBox07 .box01   {display:table-cell; width:200px; background-color:#fff; overflow:hidden; box-sizing:border-box;}
.menutopBox07 .box02   {display:table-cell; width:620px; background-color:#fff; overflow:hidden; box-sizing:border-box;}
.menutopBox07 .box03   {display:table-cell; width:460px; background-color:#fff; overflow:hidden; box-sizing:border-box;}


/* 메뉴-로그인시 회원들페이지 */

.menutopBox08_wrap                   {width:100%;  height:auto;  margin:0 auto; border-bottom:1px solid #ddd; box-sizing:border-box;}
.menutopBox08                        {display:table; width:1280px; height:auto; margin:0 auto; background-color:red;  border:0px solid red; box-sizing:border-box;}


.menutopBox08 .box01                 {display:table-cell; width:200px; height:auto; background-color:blue; overflow:hidden; box-sizing:border-box;}

.menutopBox08 .box02                 {display:table-cell; width:780px; height:auto; vertical-align:middle; background-color:white; box-sizing:border-box;}
.menutopBox08 .box02 ul              {display:block; margin-top:3px; box-sizing:border-box;}
.menutopBox08 .box02 ul li           {display:table-cell; padding:5px 6px; background-color:white; font-size:14px; font-weight:bold;  border:1px solid #ddd; cursor:pointer; box-sizing:border-box;}
.menutopBox08 .box02 ul li:hover     {background-color:darkgrey; color:white; box-sizing:border-box;}

.menutopBox08 .box03                 {display:table-cell; width:300px;  height:auto;  text-align:right; vertical-align:middle;  border:0px solid #ddd;  background-color:white;}




/* 메뉴-종류별 */

.menutopBox10_wrap                     {width:100%; height:auto;  margin:0 auto; border-bottom:1px solid #ddd; background-color:skyblue; box-sizing:border-box;}
.menutopBox10                          {width:1280px; height:auto; margin:0 auto;  background-color:skyblue; border-bottom:0px solid red;  box-sizing:border-box;}
.menutopBox10 .box01                   {display:table; margin:0 auto; solid green; box-sizing:border-box;}
.menutopBox10 .box01 ul li             {display:table-cell; padding:2px 12px; background-color:skyblue; border:1px solid skyblue; font-size:15px; cursor:pointer; box-sizing:border-box;}
.menutopBox10 .box01 ul li:hover       {background-color:coral; color:white; box-sizing:border-box;}




/* 메뉴-상가별 */

.menutopBox15_wrap                     {width:100%; height:auto;  margin:0 auto; border-bottom:1px solid #ddd; background-color:skyblue; box-sizing:border-box;}
.menutopBox15                          {width:1280px; height:auto; background-color:skyblue; margin:0 auto; border-bottom:0px solid red;  box-sizing:border-box;}
.menutopBox15 .box01                   {display:table; margin:0 auto; solid green; box-sizing:border-box;}
.menutopBox15 .box01 ul li             {display:table-cell; padding:2px 20px; background-color:skyblue; border:1px solid skyblue; font-size:15px; cursor:pointer; box-sizing:border-box;}
.menutopBox15 .box01 ul li:hover       {background-color:coral; color:white; box-sizing:border-box;}




/* 포탈페이지 Intro page Main Design */

.mainBox00_wrap  		 {width:100%; height:auto;  margin:0 auto; box-sizing:border-box;}
.mainBox00        		 {width:1280px;  height:auto; margin:0 auto; border:0px solid red; box-sizing:border-box;}
.mainBox00   ul     		 {margin-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.mainBox00   ul li    		 {overflow:hidden; padding:0; box-sizing:border-box;}


.mainBox00 .box1280380 		 {width:100%; margin:0 auto; box-sizing:border-box;}
.mainBox00 .box1280380 ul        {display:table; width:auto; height:auto;  box-sizing:border-box;}
.mainBox00 .box1280380 ul li 	 {display:table-cell; width:1280px; height:380px; box-sizing:border-box;}


.mainBox00 .box256080 		 {width:100%; margin:0 auto; box-sizing:border-box;}
.mainBox00 .box256080 ul         {display:table; width:auto; height:auto;  box-sizing:border-box;}
.mainBox00 .box256080 ul li 	 {display:table-cell; width:256px; height:80px; box-sizing:border-box;}


.mainBox00 .box160300 		 {width:100%; margin:0 auto; box-sizing:border-box;}
.mainBox00 .box160300 ul         {display:table; width:auto; height:auto; box-sizing:border-box;}
.mainBox00 .box160300 ul li 	 {display:table-cell; width:160px; height:300px; box-sizing:border-box;}

.mainBox00 .box640190 		 {width:100%; margin:0 auto; box-sizing:border-box;}
.mainBox00 .box640190 ul         {display:table; width:auto; height:auto; box-sizing:border-box;}
.mainBox00 .box640190 ul li 	 {display:table-cell; width:640px; height:190px; box-sizing:border-box;}


.mainBox00 .box070pro		 {width:70%; margin:0 auto; font-size:18px; margin-top:40px; margin-bottom:100px; line-height:200%; border:0px solid green; box-sizing:border-box;}
.mainBox00 .box070pro dl dt	 {font-size:22px; color:blue; box-sizing:border-box;}
.mainBox00 .box070pro dl dd	 {display:inline;text-indent:30px; box-sizing:border-box;}
/* End of 포탈페이지 Intro page Main Design */





/* 상품디스플레이메인페이지 Main Design */

.mainBox89_wrap                          {width:100%; height:auto;  margin:0 auto; border:0px solid grey; box-sizing:border-box;}
.mainBox89        		         {display:table; width:auto; height:auto; margin:0 auto; border:0px solid red; box-sizing:border-box;}
.mainBox89 ul, ol , li, dl, dt, dd       {padding:2px;  box-sizing:border-box;}





.mainBox89 .box01	  	         {display:table-cell; width:140px; vertical-align:top; border:1px solid #ddd; box-sizing:border-box;}
.mainBox89 .box01 ul li 	         {border-bottom:0px solid #ddd; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box01 ul li.f2 	         {display:block; float:left; border:1px solid red; background-color:grey; text-align:center; width:26px; margin:3px; list-style:none; box-sizing:border-box;}
.mainBox89 .box01 ul li:hover 	         {background-color:orangered; color:white;white;}




.mainBox89 .box02                             {display:table-cell; width:1000px; height:auto; margin:0 auto; vertical-align:top; box-sizing:border-box;}

.mainBox89 .box02 .sub_box02_dp               {background-color:white; border-bottom:2px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_dp ul            {display:table;  width:auto; height:auto; margin:0 auto; border:0px solid red; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_dp ul li         {display:table-cell; width:auto; height:auto; background-color:white; text-align:center; padding:5px 10px; font-size:0;  border:0x solid green; box-sizing:border-box;}



.mainBox89 .box02 .sub_box02_mallmaker                   {background-color:beige; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_mallmaker ul               {display:table; width:auto; height:auto; border:0px solid red; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_mallmaker ul li             {display:table-cell; width:142px; height:auto; font-size:14px; font-weight:normal; color:indigo; border-bottom:0px solid white; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_mallmaker ul li:hover       {background-color:coral; color:white; box-sizing:border-box;}

.mainBox89 .box02 .sub_box02_eachmaker                   {background-color:beige; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_eachmaker ul                {display:table;  width:auto; height:auto;  border:0px solid red; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_eachmaker ul li             {display:table-cell; width:199px; height:auto; font-size:14px; font-weight:normal; color:indigo; padding:7px 5px; border-bottom:0px solid white; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_eachmaker ul li:hover       {background-color:coral; color:white; box-sizing:border-box;}


.mainBox89 .box02 .sub_box02_allmaker                    {background-color:beige; border:1px solid tan; box-sizing:border-box;  overflow:auto;}
.mainBox89 .box02 .sub_box02_allmaker ul                {display:table;  width:auto; height:auto;  border:0px solid red; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_allmaker ul li             {display:table-cell; width:199px; height:auto; font-size:13px; font-weight:normal; color:indigo; padding:3px 5px; border-bottom:0px solid white; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_allmaker ul li:hover       {background-color:coral; color:white; box-sizing:border-box;}


.mainBox89 .box02 .sub_box02_eachkinds                   {background-color:beige; border:1px solid tan; box-sizing:border-box;  overflow:auto;}
.mainBox89 .box02 .sub_box02_eachkinds ul               {display:table;  width:auto; height:auto;  border:0px solid red; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_eachkinds ul li             {display:table-cell; width:110px; height:auto; font-size:12px; font-weight:normal; color:indigo; border-bottom:0px solid white; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_eachkinds ul li:hover       {background-color:coral; color:white; box-sizing:border-box;}


.mainBox89 .box02 .sub_box03_25pro               {background-color:white; border-top:2px solid tan; border-bottom:2px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box03_25pro ul li         {display:inline; width:20%; float:left; background-color:white; text-align:center; margin:5px 24px; border:1px solid #ddd; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box03_25pro ul li:hover   {background-color:coral; color:white; box-sizing:border-box;}


.mainBox89 .box02 .sub_box03_array               {width:100%; background-color:tan;  border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box03_array ul            {display:table;  width:auto; height:auto;  background-color:tan;  margin:0 auto; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box03_array ul li         {display:table-cell; width:130px; text-align:center; margin:5px; background-color:white; border:1px solid tan; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box03_array ul li:hover   {background-color:coral; color:white; box-sizing:border-box;}



.mainBox89 .box02 .sub_box031_array               {background-color:tan; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box031_array ul li         {display:block; width:130px; float:left; text-align:center; margin:5px; background-color:white; border:1px solid tan; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box031_array ul li:hover   {background-color:coral; color:white; box-sizing:border-box;}


.mainBox89 .box02 .sub_box10_display                   {background-color:#fff; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box10_display ul                {display:table; width:auto; height:auto; border-bottom:1px solid gold; box-sizing:border-box;}
.mainBox89 .box02 .sub_box10_display ul li             {display:table-cell; width:165px; height:auto; color:grey; text-align:center; border-bottom:0px solid white; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box02 .sub_box10_display ul li:hover       {background-color:silver; color:orangered; box-sizing:border-box;}




.mainBox89 .box02 .details_box00                    {display:table; width:100%; border:0px solid red; box-sizing:border-box;} 
.mainBox89 .box02 .details_box00 img                {border:1px solid #ddd; box-sizing:border-box; }  

.mainBox89 .box02 .details_box01                    {display:table-cell; width:420px; border:0px solid red;  text-align:center; vertical-align:top; box-sizing:border-box;} 
.mainBox89 .box02 .details_box01 ul                 {display:table; width:auto; height:auto; border:0px solid blue; margin:0 auto; text-align:center; box-sizing:border-box;} 
.mainBox89 .box02 .details_box01 ul li              {display:table-cell; border:0px solid red; box-sizing:border-box;} 

.mainBox89 .box02 .details_box02                                 {display:table-cell; width:430px; border:0px solid green; vertical-align:top;  box-sizing:border-box;}
.mainBox89 .box02 .details_box02 ul                              {display:block; width:100%; margin:0 auto; border-bottom:1px solid #ddd; box-sizing:border-box;} 
.mainBox89 .box02 .details_box02 ul li                           {display:table-cell; padding:5px 5px; border:0px solid green; box-sizing:border-box;}  

.mainBox89 .box02 .details_box03                    {display:table-cell; width:150px; height:auto; border:0px solid red; vertical-align:top;  overflow:hidden; box-sizing:border-box;} 

.mainBox89 .box02 .details_box04                    {display:table-cell; width:100%; height:80px; position:relative; margin:0 auto; border:0px solid green; box-sizing:border-box;} 
.mainBox89 .box02 .details_box04 p                  {position:absolute; border-radius:7px; border-style:none; color:#fff; padding:10px 25px; font-weight:bold; font-size:28px; text-align:center; cursor:pointer; box-sizing:border-box;} 
.mainBox89 .box02 .details_box04 p.p1               {background-color:blue;  top:20px; left:150px; box-sizing:border-box;} 
.mainBox89 .box02 .details_box04 p.p2               {background-color:green; top:20px; left:550px; box-sizing:border-box;} 
.mainBox89 .box02 .details_box04 p.p3               {background-color:black; top:20px; right:30px; box-sizing:border-box;} 
.mainBox89 .box02 .details_box04 p:hover            {background-color:orangered;} 


.mainBox89 .box02 .details_box05                    {display:table-cell; width:auto; text-align:center; margin:0 auto; border:0px solid green; vertical-align:top; overflow:hidden; box-sizing:border-box;}




.mainBox89 .box02 .sub_box02_explain               {background-color:beige; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02 .sub_box02_explain ul li         {display:block; padding:7px 10px; font-size:14px; border:0px solid green; box-sizing:border-box;}


.mainBox89 .box03              		 {display:table-cell; width:140px;  border:1px solid #ddd; vertical-align:top; box-sizing:border-box;}
.mainBox89 .box03 ul li 	   	 {border-bottom:0px solid #ddd; cursor:pointer; box-sizing:border-box;}
.mainBox89 .box03 ul li:hover 	         {background-color:orangered; color:white;white;}


/* End of 상품디스플레이메인페이지 Main Design */


/* 불변 바닥광고페이지 Design */

.menubottomBox00_wrap  		     {width:100%; height:auto;  margin:0 auto; border-top:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.menubottomBox00        	     {width:1280px;  height:auto; margin:0 auto; border:0px solid RED; box-sizing:border-box;}
.menubottomBox00   ul                {margin-bottom:0px; box-sizing:border-box;}


.menubottomBox00 .box320220 	     {width:100%; margin:0 auto; border:0px solid GREEN; box-sizing:border-box;}
.menubottomBox00 .box320220 ul       {display:table; width:auto; height:auto; border:0px solid grey; box-sizing:border-box;}
.menubottomBox00 .box320220 ul li    {display:table-cell; width:320px; height:220px; border:0px solid grey; box-sizing:border-box; padding:0;}


/* End of 바닥광고페이지 Design */


/* 불변바닥안내페이지 Design */


.menubottomBox89_wrap {width:100%; height:auto;  margin:0 auto; border-top:1px solid #ddd; background-color:#262626;  box-sizing:border-box;}
.menubottomBox89 {display:table; width:1280px; height:250px; margin:0px auto; margin-top:20px; border:0px solid red;  box-sizing:border-box;}
.menubottomBox89 div {display:table-cell; width:320px; height:210px; border-right:0px solid #fff; overflow:hidden; box-sizing:border-box;}
.menubottomBox89 ul           {width:90%; font-weight:normal; margin:30px auto; font-size:12px;  color:#999; box-sizing:border-box;}
.menubottomBox89 ul li        {padding:7px 10px;}
.menubottomBox89 ul li:hover  {color:orangered; cursor:pointer;}
.menubottomBox89 .box01 ul li.address {list-style-image:url("/all_icon/right_address_01.jpg"); list-style-position:inside; border-bottom:0px solid #999; cursor:pointer; box-sizing:border-box;}
.menubottomBox89 .box01 ul li.phone {list-style-image:url("/all_icon/right_phone_01.jpg"); list-style-position:inside; border-bottom:0px solid #999; cursor:pointer; box-sizing:border-box;}
.menubottomBox89 .box01 ul li.mail {list-style-image:url("/all_icon/right_mail_01.jpg"); list-style-position:inside; border-bottom:0px solid #999; cursor:pointer; box-sizing:border-box;}
.menubottomBox89 .box01 ul li.line {list-style-image:url("/all_icon/right_line_01.jpg"); list-style-position:inside; border-bottom:0px solid #999; cursor:pointer; box-sizing:border-box;}
.menubottomBox89 .box02 ul li {list-style-image:url("/all_icon/right_arrow_01.jpg"); list-style-position:inside; border-bottom:1px solid #494949; padding:2px 0; cursor:pointer; box-sizing:border-box;}
.menubottomBox89 .box03 ul li {list-style-image:url("/all_icon/right_arrow_01.jpg"); list-style-position:inside; border-bottom:1px solid #494949; padding:2px 0; cursor:pointer; box-sizing:border-box;}









/* End of 바닥안내페이지 Design */


/* 불변바닥 회사 디테일설명 Design */

.menubottomBox95_wrap {width:100%;  height:auto;  margin:0 auto; border-top:0px solid #ddd; background-color:#111;  box-sizing:border-box;}
.menubottomBox95 {display:table; width:auto; height:50px; margin:0 auto; border-bottom:0px solid red; font-weight:normal; font-size:12px; color:#999;  box-sizing:border-box;}
.menubottomBox95 div {display:table-cell; }
.menubottomBox95 .box01 {width:auto; height:35px; text-align:center; vertical-align:middle; border-left:0px solid #fff; border-bottom:0px solid grey;}
.menubottomBox95 .box01 a {color:gold;}

/* End of 바닥 회사 디테일설명 Design */




/* subpage 불변바닥 회사 디테일설명 Design */

.menubottomBox95_sub_wrap {width:100%;  height:auto;  margin:0 auto; border-top:1px solid #ddd; background-color:#333;  box-sizing:border-box;}
.menubottomBox95_sub {display:table; width:auto; height:50px; margin:0 auto; border-bottom:0px solid red; font-weight:bold; font-size:15px; color:#ddd;  box-sizing:border-box;}
.menubottomBox95_sub div {display:table-cell; }
.menubottomBox95_sub .box01 {width:auto; height:35px; text-align:center; vertical-align:middle; border-left:0px solid #fff; border-bottom:0px solid grey;}
.menubottomBox95_sub .box01 a {color:gold;}

/* End of 바닥 회사 디테일설명 Design */




/* Page 페이지 Navigation */
#pageNav00                       {display:table; border:1px solid #fff; margin:0px auto; text-align:center;}
#pageNav00 ul                    {display:block; border:1px solid #fff; font-size:12pt; font-weight:bold; overflow:hidden;}
#pageNav00 ul li                 {float:left; padding:12px;}
#pageNav00 ul li a               {background-color:#000; color:#fff; padding:5px;}
#pageNav00 ul li:last-child a    {background-color:green; color:#000; padding:6px 10px;}
#pageNav00 ul li a:hover         {background-color:#f00;}

/* End of Page 페이지 Navigation */



/* 불변Login 로그인 Form Design */


#loginForm                      {border:0px solid green; text-align:right; padding-top:13px; box-sizing:border-box; }
#loginForm fieldset             {width:450px; float:right; height:67px; margin:0px auto;  position:relative; border:0px solid orangered; padding:0px; border-radius:15px; box-sizing:border-box;}
#loginForm legend               {display:none;}

#login                          {border:0px solid green; height:auto; padding:2px; position:absolute; top:3px; right:220px; box-sizing:border-box;}
#loginForm label.labelStyle     {width:80px; display:block; float:left; letter-spacing:2px; text-align:right; padding-top:2px; padding-right:5px; box-sizing:border-box;}
#userid, #userpwd               {width:130px; border:1px solid #ddd; margin-bottom:6px; padding:2px; border:1px solid dimgrey; box-sizing:border-box;}


#btnLogin                       {display:block; background-color:dimgrey; border-radius:5px; border-style:none; color:#fff; width:90px; height:50px; position:absolute; top:3px; right:115px; font-weight:bold; font-size:14pt;}
#btnMember                      {display:block; background-color:skyblue; border-radius:5px; border-style:none; color:#fff; width:90px; height:50px; position:absolute; top:3px; right:0; font-weight:bold; font-size:14pt;}

/* End of 불변Login 로그인 Form Design */


/* search Form Design */

#searchForm                     {display:table;margin:10px auto;border-collapse:collapse;}
#searchForm p                   {display:table-row;padding:5px;border:1px solid #B6B6B6;}
#searchForm label               {display:table-cell;padding-left:0px;}
#searchForm input[type="submit"], #searchForm input[type="button"]
                                {background-color:#fff;border:2px solid green; color:green; padding:3px 10px;border-radius:20px;}
#searchForm input[type="text"], #searchForm select 
                                {border:2px solid green;padding:3px;background-color:#fff;margin:5px;width:120px;}


/* search Form Design */








/* 삭제페이지 Intro page Main Design */





/* 불변바닥안내페이지 Design */


.menubottomBox89888_wrap {width:100%; height:auto;  margin:0 auto; border-top:1px solid #ddd; background-color:grey;  box-sizing:border-box;}
.menubottomBox89888 {width:1280px; height:250px; position:relative; margin:0 auto; border-bottom:0px solid grey;  box-sizing:border-box;}
.menubottomBox89888 div {width:200px; height:210px; top:20px; position:absolute; border-right:1px solid #fff;  box-sizing:border-box;}
.menubottomBox89888 dl           {text-align:right; margin:10px; font-weight:bold; font-size:18px;  box-sizing:border-box;}
.menubottomBox89888 dl dd        {color:#fff; font-size:12px;}
.menubottomBox89888 dl dd:hover  {color:orangered; cursor:pointer;}
.menubottomBox89888 .box01 {width:280px; left:0; border-right:0px solid #fff; border-bottom:5px solid grey;  box-sizing:border-box;}
.menubottomBox89888 .box01 p {text-align:right;}
.menubottomBox89888 .box02 {left: 280px;}
.menubottomBox89888 .box03 {left: 480px;}
.menubottomBox89888 .box04 {left: 680px;}
.menubottomBox89888 .box05 {left: 880px;}
.menubottomBox89888 .box06 {left: 1080px;}





.mainBox89 .box02ddddd 		  	       {display:table-cell; width:1000px; border:0px solid red; box-sizing:border-box;}
.mainBox89 .box02ddddd  .sub_box01                   {width:998px; margin:0 auto; background-color:#feffef; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02ddddd  .sub_box01 ul li             {display:inline; width:20%; float:left;  background-color:#feffef; border-bottom:1px solid white; box-sizing:border-box;}
.mainBox89 .box02ddddd  .sub_box01_scroll            {width:998px; margin:0 auto;  height:350px; background-color:#feffef; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02ddddd  .sub_box01_scroll ul li      {display:inline; width:20%; float:left;  background-color:#feffef; border-bottom:1px solid white; box-sizing:border-box;}


.mainBox89 .box02ddddd  .sub_box02                   {width:998px; margin:0 auto; background-color:#777; border:1px solid tan; box-sizing:border-box;}
.mainBox89 .box02ddddd  .sub_box02 ul li             {display:inline; width:20%; float:left;  background-color:#777; border-bottom:0px solid white; box-sizing:border-box;}




.headdeleteBox_wrap {border-bottom:1px solid grey;}
.headdeleteBox {width:1000px; height:100px; background-color:#feffef; position:relative; margin:0 auto; border-bottom:0px solid red;}
.headdeleteBox div {position:absolute; border:0px solid green;}
.headdeleteBox .deleteBox01 {width:250px; height:100px; left:0; top:0; background-color:#fff;}
.headdeleteBox .box02 {width:250px; height: 30px; right:0; top:0; background-color:#fff;}
.headBox .box02 ul li {display:inline; float:left; padding:3px;}
.headBox .box03 {width:750px; height: 60px; left:250px; top:40px; background-color:#fff;}
.headBox .box03 ul li {display:inline; float:left; margin-top:10px; margin-left:2px; font-size:20px; font-weight:bold; padding:16px 10px 7px 10px; text-align:center; width:125px; background-color:#fff; border:1px solid grey;}
.headBox .box03 ul a:hover {background-color:#fff; color:#ddd;}




.headBox_wrap {border-bottom:1px solid grey;}
.headBox {width:1000px; height:100px; background-color:#feffef; position:relative; margin:0 auto; border-bottom:0px solid red;}
.headBox div {position:absolute; border:0px solid green;}
.headBox .box01 {width:250px; height:100px; left:0; top:0; background-color:#fff;}
.headBox .box02 {width:250px; height: 30px; right:0; top:0; background-color:#fff;}
.headBox .box02 ul li {display:inline; float:left; padding:3px;}
.headBox .box03 {width:750px; height: 60px; left:250px; top:40px; background-color:#fff;}
.headBox .box03 ul li {display:inline; float:left; margin-top:10px; margin-left:2px; font-size:20px; font-weight:bold; padding:13px 10px 7px 10px; text-align:center; width:125px; background-color:#fff; border:1px solid grey;}
.headBox .box03 ul a:hover {background-color:#fff; color:#ddd;}





.topBox_wrap {border-bottom:1px solid grey;}
.topBox {width:100%; height:300px;position:relative; margin:0 auto; background:url(/web/89mart/30_img_back/89mart_background_jungja_693522.jpg) repeat-x;}




.mainBox_wrap {border-bottom:10px solid grey;}
.mainBox {width:1000px; margin:0 auto; border:1px solid RED;}
.mainBox .box03 {width:1000px; margin:0 auto; border:0px solid GREEN; }
.mainBox .box03 ul li {display:inline; float:left; margin-top:0px; margin-left:0px; font-size:20px; font-weight:bold; padding:10px 0 10px 0; text-align:center; width:333px; background-color:#fff; border:1px solid grey; box-sizing:border-box;}


.mainBox .box04 {width:1000px; margin:0 auto; border:0px solid red;}
.mainBox .box04 ul li {display:inline; float:left; margin-top:0px; margin-left:0px; font-size:20px; font-weight:bold; padding:10px 0 10px 0; text-align:center; width:250px; background-color:#fff; border:1px solid grey; box-sizing:border-box;}

.mainBox .box05 {width:1000px; margin:0 auto; border:0px solid red;}
.mainBox .box05 ul li {display:inline; float:left; margin-top:0px; margin-left:0px; font-size:20px; font-weight:bold; padding:10px 0 10px 0; text-align:center; width:200px; background-color:#fff; border:1px solid grey; box-sizing:border-box;}






.main79Box_wrap {width:100%; border:10px solid grey;}
.main79Box        {position:relative; width:1280px;  height:80%; margin:0 auto; border:1px solid RED;}
.main79Box .box01 {position:absolute; width:140px; height:150px; top:0; left:0; border:1px solid GREEN;}
.main79Box .box01 ul li {display:inline; float:left; margin-top:0px; margin-left:0px; font-size:20px; font-weight:bold; padding:10px 0 10px 0; text-align:center; width:333px; background-color:#fff; border:1px solid grey; box-sizing:border-box;}


.main79Box .box02 {position:absolute; width:1140px; height:150px; top:0; left:140px; border:1px solid red;}
.main79Box .box02 ul li {display:inline; float:left; margin-top:0px; margin-left:0px; font-size:20px; font-weight:bold; padding:10px 0 10px 0; text-align:center; width:250px; background-color:#fff; border:1px solid grey; box-sizing:border-box;}

.main79Box .box03 {position:absolute; width:1140px; height:150px; top:0; left:1140px; border:1px solid green;}
.main79Box .box03 ul li {display:inline; float:left; margin-top:0px; margin-left:0px; font-size:20px; font-weight:bold; padding:10px 0 10px 0; text-align:center; width:200px; background-color:#fff; border:1px solid grey; box-sizing:border-box;}

/* End of 삭제페이지 Intro page Main Design */




/*
 * 테이블로써 취급하기 위해서
 * display:table 속성을 부여합니다.
 * width, height 속성은 반드시 부여되어야 합니다.
 * 가로, 세로값이 절대값이 되어도 상관 없습니다.
 */

.ap-table {
    display: table;
    width:100%; 
    height: 100%;

    background-color:deepskyblue;
}

/*
 * 테이블 셀로써 취급하기 위해서
 * display:table-cell 옵션을 부여합니다.
 * vertical-align 속성은 테이블에서
 * 적용되는 속성으로써 세로 중앙정렬을 합니다.
 * text-align:center; 속성은 가로로 중앙정렬을 합니다.
 */

.ap-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*
 * 데모를 위한 스타일입니다.
 * 따라서 예제와는 아무 관련이 없습니다.
 */

.ap-table-cell > .ap-text {
    font-size:2em;
    color:white;
}
.ap-table-cell > .ap-img {
    width:250px;
    height: 250px;
    border: 1px solid white;
}