@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File	: Common.css 
 	Author : YoungSu, Son 2017-06
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc 
	CSS 속성 선언순서 : display, position(top, right, bottom, left, z-index), float/clear, overflow, width/height, margin/padding(top, right, bottom, left),  
	border(top, right, bottom, left), background(image,position,repeat,color), border-radius, box-shadow,  
	font(font-weight, font-style, font-variant, font-size/line-height, font-family), opacity, cursor, box-sizing, etc
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Color */
.txt_red  {color:#cb0000 !important;}
.txt_blue {color:#006be3;}
.txt_orange {color:#ff6600;}
.bg_red	{background-color:#f84646;}

/* Text Align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}

/* Table Style */
.bor_tnone {border-top:0px !important;}
.bor_rnone {border-right:0px !important;}
.bor_bnone {border-bottom:0px !important;}
.bor_lnone {border-left:0px !important;}
.bor_none  {border:none !important;}


/* Position Style */
.pr {position:relative !important;}

/* Float */
.ovh {overflow:hidden !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both !important; ;}
.cb0 {clear:both !important; font-size:0px !important; line-height:0px !important;}

.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}

/*----- Display -----*/
.dis_inline {display:inline;}
.dis_inBlock {display:inline-block; *display:inline; *zoom:1;}
.dis_block {display:block;}
.dis_none {display:none !important;}

/* Scroll */
.scroll {overflow:auto;}
.scrollX {overflow-x:scroll;}
.scrollY {overflow-y:scroll;}

/* hidden */
.hide {visibility:hidden !important; position:absolute; left:0; top:0;}

/* Margin */
.mar0    {margin:0px !important;}
.mar_t0  {margin-top:0px !important;}
.mar_t10  {margin-top:10px !important;}
.mar_r0  {margin-right:0 !important;}
.mar_b0  {margin-bottom:0 !important;}
.mar_l0  {margin-left:0 !important;}
.mar_l20  {margin-left:20px !important;}
.mar_auto {margin:auto !important;}

/* Padding */
.pd0  {padding:0px !important;}
.pd_t0  {padding-top:0px !important;}
.pd_t40  {padding-top:40px !important;}
.pd_r0  {padding-right:0px !important;}
.pd_b0  {padding-bottom: 0px !important;}
.pd_l0  {padding-left:0 !important;}

/* Grid */
.row {position:relative; *zoom:1; width:100%; margin:0 auto;}
.row:after {content:""; clear:both; display:block;}