/* Class factor Design */




.textleft         {text-align:left;}
.textright        {text-align:right;}
.textcenter       {text-align:center;}
.texttop          {vertical-align:top;}
.textmiddle       {vertical-align:middle;}
.textbottom       {vertical-align:bottom;}

.styleleft {text-align:left;}
.stylecenter {text-align:center;}
.styleright {text-align:right;}


.textlast_left    {background:none; text-align:left;}
.textlast_left    {background:none; text-align:center;}
.textlast_right   {background:none; text-align:right;}

.nodata_table     {font-size:1.2em; line-height:2.0em; color:navy; padding:150px 0; text-align:center;}
.nodata_text      {font-size:1.2em; line-height:2.0em; color:navy; padding:15px 15px; text-align:center;}


.min1280 {width:100%; min-width:1280px;}


.ftf1f                  {color:#f1f1f1;}
.fte7e                  {color:#e7e7e7;}
.ft333                  {color:#333;}
.ft666                  {color:#666;}
.ft999                  {color:#999;}
.ftred                  {color:red;}
.ftblue                 {color:blue;}
.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;}
.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;}
.ftdeepgreen 		{color:#065535;}

.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;}
.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;}
.ftsize26  {font-size:26px;}
.ftsize27  {font-size:27px;}
.ftsize28  {font-size:28px;}
.ftsize29  {font-size:29px;}
.ftsize30  {font-size:30px;}

.ftbold    {font-weight:bold;}
.ft400    {font-weight:400;}
.ft500    {font-weight:500;}
.ft600    {font-weight:600;}
.ft700    {font-weight:700;}


.backf1f                {background:#f1f1f1;}
.backe7e                {background:#e7e7e7;}
.back222                {background:#222;}
.back333                {background:#333;}
.back666                {background:#666;}
.back999                {background:#999;}
.backred                {background:red;}
.backblue               {background:blue;}
.backblack              {background:black;}
.backmidnightblue 	{background:midnightblue;}
.backorange             {background:orange;}
.backorangered          {background:orangered;}
.backviolet             {background:violet;}
.backgreen              {background:green;}
.backgrey               {background:grey;}
.backdimgrey            {background:dimgrey;}
.backlightgrey          {background:lightgrey;}
.backdarkgrey           {background:darkgrey;}
.backsilver  		{background:silver;}
.backwhite   		{background:white;}
.backwheat   		{background:wheat;}
.backyellow  		{background:yellow;}
.backcrimson 		{background:crimson;}
.backcoral   		{background:coral;}
.backtomato  		{background:tomato;}
.backtan     		{background:tan;}
.backpeachpuff 		{background:peachpuff;}
.backlime 		{background:lime;}
.backpowderblue 	{background:powderblue;}
.backskyblue 		{background:skyblue;}
.backnavy               {background:navy;}
.backpurple 		{background:purple;}
.backplum		{background:plum;}
.backindigo 		{background:indigo;}
.backmagenta 		{background:magenta;}
.backcornsilk 		{background:cornsilk;}
.backbeige 		{background:beige;}
.backivory 		{background:ivory;}
.backgainsboro 		{background:gainsboro;}
.backdeepgreen 		{background:#065535;}

.flleft {float:left;}
.flright {float:right;}
.bclear {both:clear;}




.pd0002 {padding:0px 2px;}
.pd0003 {padding:0px 3px;}
.pd0005 {padding:0px 5px;}
.pd0007 {padding:0px 7px;}
.pd0010 {padding:0px 10px;}
.pd0200 {padding:2px 0px;}
.pd0300 {padding:3px 0px;}
.pd0500 {padding:5px 0px;}
.pd0700 {padding:7px 0px;}
.pd1000 {padding:10px 0px;}
.pd0202 {padding:2px 2px;}
.pd0303 {padding:3px 3px;}
.pd0305 {padding:3px 5px;}
.pd0307 {padding:3px 7px;}
.pd0310 {padding:3px 10px;}
.pd0505 {padding:5px 5px;}
.pd0507 {padding:5px 7px;}
.pd0510 {padding:5px 10px;}
.pd0515 {padding:5px 15px;}
.pd0710 {padding:7px 10px;}
.pd0715 {padding:7px 15px;}
.pd1005 {padding:10px 5px;}
.pd1007 {padding:10px 7px;}
.pd1010 {padding:10px 10px;}
.pd1515 {padding:15px 15px;}
.pd1020 {padding:10px 20px;}
.pd1520 {padding:15px 20px;}
.pd2020 {padding:20px 20px;}
.pd3010 {padding:30px 10px;}
.pd1030 {padding:10px 30px;}

/* 버튼기본 */

/*
.btn               {padding: 8px 15px; font-size:16px; cursor:pointer; display:inline-block; }
.btn_agree         {background-color:green; color:white; font-weight:700; }
.btn_agree:hover   {background-color:#4caf50;}
.btn_cancel        {background-color:red; color:white; font-weight:700; }
.btn_cancel:hover  {background-color:#f44336;}

.boder1_ddd  {border:1px solid #ddd;}
.border1_ccc  {border:1px solid #ccc;}
.border1_333  {border:1px solid #333;}
*/

.b_ddd  {border:1px solid #ddd;}
.b_ccc  {border:1px solid #ccc;}
.b_333  {border:1px solid #333;}

/*

.btnb {padding:10px 20px; border:none; text-align:center; text-decoration: none; font-size:16px; font-weight:700; cursor: pointer;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s; trasition:0.4s;}

.btn1  { background-color: #f0212e; color:#fff; }
.btn2  { background-color: #0448b8; color:#fff; }
.btn3  { background-color: #000000; color:#fff; }
.btn4  { background-color: #085831; color:#fff; }
.btn5  { background-color: #065535; color:#fff; }
.btn6  { background-color: #ff6666; color:#fff; }
.btn7  { background-color: #ffa500; color:#fff; }
.btn8  { background-color: #b4eeb4; color:#222; }
.btn9  { background-color: #f5f5dc; color:#222; }
.btn10 { background-color: #ff4444; color:#fff; }


.btn1:hover { background-color: #c91520; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn2:hover { background-color: #003a9b; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn3:hover { background-color: #272727; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn4:hover { background-color: #024223; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn5:hover { background-color: #008080; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn6:hover { background-color: #ff4040; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn7:hover { background-color: #ffd700; color:#222; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn8:hover { background-color: #81d8d0; color:#222; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn8:hover { background-color: #cbbeb5; color:#222; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.btn10:hover { background-color: #cc0000; color:#fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}

*/


.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;}




.dptable    {display:table;}
.dptb       {display:table;}
.dptbcell   {display:table-cell;}

.w100 {width:100%;}
.w90  {width:90%;}
.w80  {width:80%;}
.w70  {width:70%;}
.w60  {width:60%;}
.w50  {width:50%;}
.w40  {width:40%;}
.w30  {width:30%;}
.w20  {width:20%;}
.w10  {width:10%;}
.wauto {width:auto;}

.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h350 {height:350px;}
.h400 {height:400px;}
.h450 {height:450px;}
.h500 {height:5000px;}
.hauto {height:auto;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50  {margin-left:50px;}
.ml100  {margin-left:100px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50  {margin-right:50px;}
.mr100  {margin-right:100px;}

.pa {position:absolute;}
.pr {position:relative;}

.cursor_p {cursor:pointer;}
.cp       {cursor:pointer;}