@charset "utf-8";

/* skipToContent */
#skipToContent a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  display: block;
  background-color: rgb(64, 73, 197);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
  overflow: hidden;
}
#skipToContent a:focus,
#skipToContent a:active {
  margin-top: 0;
  height: auto;
  padding: 10px 0px;
}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active {margin-top:0; height:auto; padding:10px 0px;}

/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.hide{clear:both;position:absolute;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
.HIDE{position: relative;clear:both;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
.hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}

/* common */
.clear {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
.disNonei {display:none !important;} 
.disBlock {display:block !important;}
.ovH {overflow:hidden; width:100%; margin-bottom:6px;}
.ovH:after {clear:both; content:""; display:block;} 
.vm {vertical-align:middle !important;}
.clearBoth {clear:both !important;}
.textDeco {text-decoration:underline!important;}
.textInde {text-indent:0 !important;}

/* text-align */ 
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;} 
.vt {vertical-align:top !important}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}

/* Font Color */
.colorBlu {color:#3154af !important;}
.colorYel {color:#9a6a2b !important;}
.colorGry01 {color:#333 !important;}
.colorGry02 {color:#555 !important;}
.colorGry03 {color:#676767 !important;}
.ColorBlack{color:#323a45}
.ColorGray{color:#999898}
.ColorRed{color:#f90000!important;}
.ColorNotice{color:#d00}
.ColorGrayblue{color:#1c4093}
.ColorBlue{color:#0097de}
.ColorGreen{color:#12a771}
.ColorOlive{color:#76b41e}
.ColorPurple{color:#78439d}
.ColorGraypurple{color:#bf3761}
.ColorPink{color:#e22c26}
.ColorBrown{color:#60503c}
.ColorOrange{color:#ff6203}
.ColorYellow{color:#e7a211}
.ColorPinkbrown{color:#be485e}

/* 폰트사이즈 */
.font11   {font-size:11px !important;}
.font13   {font-size:13px !important;}
.font12   {font-size:12px !important;}
.font14   {font-size:14px !important;}
.font16   {font-size:16px !important;}

/*라인하이트*/
.Lh12{line-height: 1.2;}
.Lh13{line-height: 1.3;}
.Lh15{line-height: 1.5;}

/* 컨텐츠정렬관련 */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vtm{vertical-align:middle;}

/* 커서 */
.cursor {cursor:pointer;}

/* 마진 */
.m_5{margin:5px}
.m_10{margin:10px}
.m_15{margin:15px}
.m_20{margin:20px}
.m_25{margin:25px}
.m_30{margin:30px}

.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_25{margin-top:25px}
.mt_30{margin-top:30px}
.mt_35{margin-top:35px}
.mt_40{margin-top:40px}
.mt_45{margin-top:45px}
.mt_50{margin-top:50px}
.mt_80{margin-top:80px}
.mt_60{margin-top:60px !important;}

.mr_3{margin-right:3px}
.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_25{margin-right:25px}
.mr_30{margin-right:30px}
.mr_40{margin-right:40px}

.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_25{margin-bottom:25px}
.mb_30{margin-bottom:30px}
.mb_40{margin-bottom:40px}
.mb_50{margin-bottom:40px}

.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_25{margin-left:25px}
.ml_30{margin-left:30px}

.mtb_5{margin:5px 0}
.mtb_10{margin:10px 0}
.mtb_15{margin:15px 0}
.mtb_20{margin:20px 0}
.mtb_25{margin:25px 0}
.mtb_30{margin:30px 0}

.mlr_3{margin:0 3px}
.mlr_5{margin:0 5px}
.mlr_10{margin:0 10px}
.mlr_15{margin:0 15px}
.mlr_20{margin:0 20px}
.mlr_25{margin:0 25px}
.mlr_30{margin:0 30px}

/* 패딩 */
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}

.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_25{padding-top:25px}
.pt_30{padding-top:30px}
.pt_40{padding-top:40px}

.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_25{padding-right:25px}
.pr_30{padding-right:30px}

.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px !important; }
.pb_25{padding-bottom:25px}
.pb_30{padding-bottom:30px}

.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_25{padding-left:25px}
.pl_30{padding-left:30px}
.pl_40{padding-left:40px}

.ptb_5{padding:5px 0}
.ptb_10{padding:10px 0}
.ptb_15{padding:15px 0}
.ptb_20{padding:20px 0}
.ptb_25{padding:25px 0}
.ptb_30{padding:30px 0}

.plr_5{padding:0 5px}
.plr_10{padding:0 10px}
.plr_15{padding:0 15px}
.plr_20{padding:0 20px}
.plr_25{padding:0 25px}
.plr_30{padding:0 30px}