@charset "utf-8";

/* MARGIN */
.mg_auto {margin: 0 auto !important;}
.mg_0 {margin: 0 !important;}
.mg_1 {margin: 1px !important;}
.mg_2 {margin: 2px !important;}
.mg_3 {margin: 3px !important;}
.mg_4 {margin: 4px !important;}
.mg_5 {margin: 5px !important;}
.mg_10 {margin: 10px !important;}
.mg_15 {margin: 15px !important;}
.mg_20 {margin: 20px !important;}
.mg_30 {margin: 30px !important;}
.mg_40 {margin: 40px !important;}
.mg_50 {margin: 50px !important;}
.mg_60 {margin: 60px !important;}
.mg_70 {margin: 70px !important;}
.mg_80 {margin: 80px !important;}
.mg_90 {margin: 90px !important;}
.mg_100 {margin: 100px !important;}

 /* margin-left */
.mgl_0 {margin-left: 0px !important;}
.mgl_1 {margin-left: 1px !important;}
.mgl_2 {margin-left: 2px !important;}
.mgl_3 {margin-left: 3px !important;}
.mgl_4 {margin-left: 4px !important;}
.mgl_5 {margin-left: 5px !important;}
.mgl_10 {margin-left: 10px !important;}
.mgl_20 {margin-left: 20px !important;}
.mgl_30 {margin-left: 30px !important;}
.mgl_40 {margin-left: 40px !important;}

 /* margin-right */
.mgr_0 {margin-right: 0px !important;}
.mgr_1 {margin-right: 1px !important;}
.mgr_2 {margin-right: 2px !important;}
.mgr_3 {margin-right: 3px !important;}
.mgr_4 {margin-right: 4px !important;}
.mgr_5 {margin-right: 5px !important;}
.mgr_10 {margin-right: 10px !important;}
.mgr_20 {margin-right: 20px !important;}
.mgr_30 {margin-right: 30px !important;}
.mgr_40 {margin-right: 40px !important;}
.mgr_70 {margin-right: 70px !important;}
.mgr_80 {margin-right: 80px !important;}

 /* margin-top */
.mgt_0 {margin-top: 0px !important;}
.mgt_1 {margin-top: 1px !important;}
.mgt_2 {margin-top: 2px !important;}
.mgt_3 {margin-top: 3px !important;}
.mgt_4 {margin-top: 4px !important;}
.mgt_5 {margin-top: 5px !important;}
.mgt_10 {margin-top: 10px !important;}
.mgt_20 {margin-top: 20px !important;}
.mgt_30 {margin-top: 30px !important;}
.mgt_40 {margin-top: 40px !important;}
.mgt_8 {margin-top: 8px !important;}
.mgt_15 {margin-top: 15px !important;}
.mgt_22 {margin-top: 22px !important;}
.mgt_25 {margin-top: 25px !important;}
.mgt_27 {margin-top: 27px !important;}
.mgt_5p {margin-top: 5% !important;}
.mgt_10p {margin-top: 10% !important;}
.mgt_15p {margin-top: 15% !important;}
.mgt_20p {margin-top: 20% !important;}
.mgt_25p {margin-top: 25% !important;}
.mgt_30p {margin-top: 30% !important;}

 /* margin-bottom */
.mgb_0 {margin-bottom: 0px !important;}
.mgb_1 {margin-bottom: 1px !important;}
.mgb_2 {margin-bottom: 2px !important;}
.mgb_3 {margin-bottom: 3px !important;}
.mgb_4 {margin-bottom: 4px !important;}
.mgb_5 {margin-bottom: 5px !important;}
.mgb_10 {margin-bottom: 10px !important;}
.mgb_15 {margin-bottom: 15px !important;}
.mgb_20 {margin-bottom: 20px !important;}
.mgb_25 {margin-bottom: 25px !important;}
.mgb_30 {margin-bottom: 30px !important;}
.mgb_40 {margin-bottom: 40px !important;}
.mgb_8 {margin-bottom: 8px !important;}
.mgb_5p {margin-bottom: 5% !important;}
.mgb_6p {margin-bottom: 6% !important;}
.mgb_10p {margin-bottom: 10% !important;}
.mgb_15p {margin-bottom: 15% !important;}
.mgb_20p {margin-bottom: 20% !important;}
.mgb_25p {margin-bottom: 25% !important;}
.mgb_30p {margin-bottom: 30% !important;}

/* PADDING */
.pd_0 { padding:0 !important }
.pd_1 { padding:1px !important }
.pd_2 { padding:2px !important }
.pd_3 { padding:3px !important }
.pd_5 { padding:5px !important }
.pd_7 { padding:7px !important }
.pd_10 { padding:10px !important }
.pd_11 { padding:11px !important }
.pd_15 { padding:15px !important }
.pd_20 { padding:20px !important }
.pd_30 { padding:30px !important }
.pd_40 { padding:40px !important }
.pd_50 { padding:50px !important }
.pd_60 { padding:60px !important }
.pd_70 { padding:70px !important }
.pd_80 { padding:80px !important }
.pd_90 { padding:90px !important }
.pd_100 { padding:100px !important }

.pdr_0 { padding-right:0px !important;}
.pdr_1 { padding-right:1px !important;}
.pdr_2 { padding-right:2px !important;}
.pdr_3 { padding-right:3px !important;}
.pdr_5 { padding-right:5px !important;}
.pdr_8 { padding-right:8px !important;}
.pdr_10 { padding-right:10px !important;}
.pdr_15 { padding-right:15px !important;}
.pdr_20 { padding-right:20px !important;}
.pdr_30 { padding-right:30px !important;}
.pdr_40 { padding-right:40px !important;}
.pdr_50 { padding-right:50px !important;}
.pdr_60 { padding-right:60px !important;}
.pdr_70 { padding-right:70px !important;}
.pdr_80 { padding-right:80px !important;}
.pdr_90 { padding-right:90px !important;}
.pdr_100 { padding-right:100px !important;}

.pdl_0 {padding-left:0px !important;}
.pdl_1 {padding-left:1px !important;}
.pdl_2 { padding-left:2px !important;}
.pdl_3 { padding-left:3px !important;}
.pdl_5 { padding-left:5px !important;}
.pdl_8 { padding-left:8px !important;}
.pdl_10 { padding-left:10px !important;}
.pdl_15 { padding-left:15px !important;}
.pdl_17 { padding-left:17px !important;}
.pdl_20 { padding-left:20px !important;}
.pdl_30 { padding-left:30px !important;}
.pdl_30 { padding-left:40px !important;}
.pdl_40 { padding-left:50px !important;}
.pdl_50 { padding-left:60px !important;}
.pdl_60 { padding-left:70px !important;}
.pdl_80 { padding-left:80px !important;}
.pdl_90 { padding-left:90px !important;}
.pdl_100 { padding-left:100px !important;}

.pdb_0 { padding-bottom:0px !important;}
.pdb_1 { padding-bottom:1px !important;}
.pdb_2 { padding-bottom:2px !important;}
.pdb_3 { padding-bottom:3px !important;}
.pdb_5 { padding-bottom:5px !important;}
.pdb_10 { padding-bottom:10px !important;}
.pdb_20 { padding-bottom:20px !important;}
.pdb_30 { padding-bottom:30px !important;}
.pdb_40 { padding-bottom:40px !important;}
.pdb_50 { padding-bottom:50px !important;}
.pdb_60 { padding-bottom:60px !important;}
.pdb_70 { padding-bottom:70px !important;}
.pdb_80 { padding-bottom:80px !important;}
.pdb_90 { padding-bottom:90px !important;}
.pdb_100 { padding-bottom:100px !important;}

.pdt_0 { padding-top:0px !important;}
.pdt_2 { padding-top:2px !important}
.pdt_3 { padding-top:3px !important}
.pdt_5 { padding-top:5px !important}
.pdt_10 { padding-top:10px !important}
.pdt_15 { padding-top:15px !important}
.pdt_20 { padding-top:20px !important}
.pdt_30 { padding-top:30px !important}
.pdt_40 { padding-top:40px !important}
.pdt_50 { padding-top:50px !important}
.pdt_60 { padding-top:60px !important}
.pdt_70 { padding-top:70px !important}
.pdt_80 { padding-top:80px !important}
.pdt_90 { padding-top:90px !important}
.pdt_100 { padding-top:100px !important}

/* FONT - SIZE, COLOR, WEIGHT */
.f_03  { font-size:0.3em !important;}
.f_07  { font-size:0.7em !important;}
.f_08  { font-size:0.8em !important;}
.f_085  { font-size:0.85em !important;}
.f_09  { font-size:0.9em !important;}
.f_095  { font-size:0.95em !important;}
.f_1  {font-size: 2em !important;}
.f_1_1 { font-size:1.15em !important;}
.f_1_2 { font-size:1.2em !important;}
.f_1_3 { font-size:1.3em !important;}
.f_1_4 { font-size:1.4em !important;}
.f_1_5 { font-size:1.5em !important;}
.f_2 { font-size:2em !important;}
.f_2_5 { font-size:2.5em !important;}
.f_3 { font-size:3em !important;}
.f_9px {font-size:9px !important;}
.f_10px {font-size:10px !important;}
.f_11px {font-size:11px !important;}
.f_12px {font-size:12px !important;}
.f_13px {font-size:13px !important;}
.f_14px {font-size:14px !important;}
.f_15px {font-size:15px !important;}
.f_16px {font-size: 16px !important;}
.f_17px {font-size: 17px !important;}
.f_18px {font-size: 18px !important;}

.fb { font-weight:bold !important;}

.f_red { color:#F00 !important;}
.f_red500 {color:#F44336 !important;}
.f_blue { color:#06C !important}
.f_green { color:#096 !important}
.f_org { color:#F30 !important}
.f_black { color:#000 !important}
.f_gray { color:#666 !important}
.f_gray500 {color:#333 !important;}
.f_white { color:#fff !important}
.f_Pwhite { color:#F9F0F0 !important}
.f_brown { color:#98614c !important}
.f_blue400 {color: #00B0FF !important;}
.f_blue200 {color: #80D8FF !important;}
.f_blue100 {color: #E1F5FE !important;}
.f_blue50 {color: #E1F5FE !important;}
.f_navy {color: #506078 !important;}

/* WIDTH */
.w5 { width:5% !important; }
.w10 { width:10% !important; }
.w15 {width: 15% !important;}
.w16 {width: 16.5% !important;}
.w20 { width:20% !important; }
.w25 {width: 25% !important;}
.w30 { width:30% !important; }
.w33 {width: 36.78% !important;}
.w40 {width: 40% !important;}
.w50 { width:50% !important; }
.w51 {width: 51% !important;}
.w52 {width:52% !important;}
.w60 { width:60% !important; }
.w70 { width:70% !important; }
.w75 { width:75% !important; }
.w80 { width:80% !important; }
.w83 {width: 83.5% !important;}
.w90 { width:90% !important; }
.w100 { width:100% !important; }
.wauto {width: auto !important;}

/* BACKGROUND COLOR */
.bg_none { background:none !important }
.bg_transparent { background:transparent !important }
.bg_purple { background:#2c2969 !important }
.bg_gray { background:#999 !important }
.bg_gray10 { background:#eeeeee !important }
.bg_gray20 { background:#d3d3d3 !important }
.bg_gray80 { background:#444444 !important } 
.bg_gray90 { background:#222222 !important } 
.bg_topAdmin { background:#f5f5f5 !important;}
.bg_brown { background:#675852 !important}
.bg_red { background:#C30 !important}
.bg_red10 { background:#FCEAEB !important }
.bg_red100 { background:#FFCDD2 !important;}
.bg_orange { background:rgba(252, 228, 214, .1) !important;}
.bg_w {background: #fff !important;}
.bg_white { background:#fff !important; border:1px solid #ccc !important;}
.bg_blue { background:#0058b0 !important;}
.bg_lblue {background:#3F51B5 !important}
.bg_topbg { background:url(/image/common/top_bg.gif) repeat-x bottom }
.bg_lime { background:#F9FBE7 !important}
.bg_lgreen {background:#DCEDC8 !important}
.bg_green200 {background:#A5D6A7 !important}
.bg_blue500 {background:#1C77F5 !important;}
.bg_blue400 {background:#00C3FB !important;}
.bg_blue200 {background:#91E9FF !important;}
.bg_blue100 {background: #E1F5FE !important;}
.bg_blue50 {background:#80D8FF !important;}
.bg_blue10 {background-color:#f5f5ff!important;}
.bg_navy {background:#2A3F54 !important;}
.bg_navy10 {background:#2A3F54 !important;}
.bg_cashmere {background:#e9dccd !important;}

/* BORDER */
.btmLine 					{ border-bottom:2px solid #e9dccd !important; } 
.topLine  					{ border-top: 1px solid #9b9b9b !important;} 
.leftLine 					{ border-left:2px solid #e9dccd !important; } 
.rightLine 				{ border-right:2px solid #e9dccd !important; } 
.selected 					{ border-right:5px solid #CCCC00 !important; background-color:rgba(255,255,255,0.1) !important;}
.card-header-Line 	{ border-left:10px solid #A5D6A7 !important;}

/* BUTTON */
.btn_black 			{border:none; background:#333; color:#fff; padding:5px 10px; border-radius:2px;}
.btn_lgray 			{border:1px solid #444; background:#fff; color:#444; padding:4px 8px; border-radius:2px;}
.btn_shadow 		{box-shadow: 1px 1px 5px #ddd;}

/* ETC */
.ls_005 		{ letter-spacing:-0.05em}
.ls_01 		{ letter-spacing:-0.1em}
.cp 			{ cursor:pointer }
.cd 			{ cursor:default; }
.nowarp 	{ white-space:nowrap !important; }
.img_100 { width:100% !important;}
.img_b1 	{ border:1px solid #666 !important;}

.left 			{ text-align: left !important; }
.center 	{ text-align: center !important; }
.right 		{ text-align: right !important; }
a 				{text-decoration: none !important;;}
a:hover 	{text-decoration: none !important;}

.bn 			{ border:none !important;} 

table caption 	{visibility:hidden; height:1px; overflow:hidden;}
table caption 	{display:none;}
table>thead>tr>th { text-align: center !important}
table>tbody>tr>td { text-align: center !important}

.clear { clear:both;}
.dpb { display:block !important }
.dpib { display:inline-block !important }
.dpn {display: none !important;}
.ofh { overflow:hidden !important }
.f_left { float:left !important }
.f_right { float:right !important }
.z_index1000 { z-index: 1000 !important;}
.hide {display: none !important;}

.ir {width: 0; height: 0; font-size: 0; line-height: 0; overflow: 0; position: absolute; left: 0; top: 0;}
ul li {margin: 0; padding: 0; list-style: none;}
.t_5 {top: 5px;}
.psr {position: relative;}
.bdrt {border-radius: 5px 5px 0 0 !important;}
.f_w100 {font-weight: 100 !important;}
.f_w400 {font-weight: 400 !important;}
.f_w700 {font-weight: 700 !important;}