@charset "utf-8";
/****************************************************
          POSITION STYLE
*****************************************************/
.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}

.fl { float:left !important;}
.fr { float:right !important;}
.fc { clear:both !important;}

.m_center { margin:0 auto !important;}

/* Padding Style */
.no-padding {padding: 0 !important;}

.pt50 {padding-top:50px !important}
.pt45 {padding-top:45px !important}
.pt40 {padding-top:40px !important}
.pt35 {padding-top:35px !important}
.pt30 {padding-top:30px !important}
.pt25 {padding-top:25px !important}
.pt20 {padding-top:20px !important}
.pt15 {padding-top:15px !important}
.pt10 {padding-top:10px !important}
.pt5 {padding-top:5px !important}
.pt0 {padding-top:0px !important}

.pb50 {padding-bottom:50px !important}
.pb45 {padding-bottom:45px !important}
.pb40 {padding-bottom:40px !important}
.pb35 {padding-bottom:35px !important}
.pb30 {padding-bottom:30px !important}
.pb25 {padding-bottom:25px !important}
.pb20 {padding-bottom:20px !important}
.pb15 {padding-bottom:15px !important}
.pb10 {padding-bottom:10px !important}
.pb5 {padding-bottom:5px !important}
.pb0 {padding-bottom:0px !important}

.pl50 {padding-left:50px !important}
.pl45 {padding-left:45px !important}
.pl40 {padding-left:40px !important}
.pl35 {padding-left:35px !important}
.pl30 {padding-left:30px !important}
.pl25 {padding-left:25px !important}
.pl20 {padding-left:20px !important}
.pl15 {padding-left:15px !important}
.pl10 {padding-left:10px !important}
.pl5 {padding-left:5px !important}
.pl0 {padding-left:0px !important}

.pr50 {padding-right:50px !important}
.pr45 {padding-right:45px !important}
.pr40 {padding-right:40px !important}
.pr35 {padding-right:35px !important}
.pr30 {padding-right:30px !important}
.pr25 {padding-right:25px !important}
.pr20 {padding-right:20px !important}
.pr15 {padding-right:15px !important}
.pr10 {padding-right:10px !important}
.pr5 {padding-right:5px !important}
.pr0 {padding-right:0px !important}

/* margin Style */
.no-margin {margin: 0 !important;}

.mt50 {margin-top:50px !important}
.mt45 {margin-top:45px !important}
.mt40 {margin-top:40px !important}
.mt35 {margin-top:35px !important}
.mt30 {margin-top:30px !important}
.mt25 {margin-top:25px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mt3 {margin-top:3px !important}
.mt0 {margin-top:0px !important}

.mb50 {margin-bottom:50px !important}
.mb45 {margin-bottom:45px !important}
.mb40 {margin-bottom:40px !important}
.mb35 {margin-bottom:35px !important}
.mb30 {margin-bottom:30px !important}
.mb25 {margin-bottom:25px !important}
.mb20 {margin-bottom:20px !important}
.mb15 {margin-bottom:15px !important}
.mb10 {margin-bottom:10px !important}
.mb5 {margin-bottom:5px !important}
.mb3 {margin-bottom:3px !important}
.mb0 {margin-bottom:0px !important}

.ml100 {margin-left:100px !important}
.ml90 {margin-left:90px !important}
.ml80 {margin-left:80px !important}
.ml70 {margin-left:70px !important}
.ml60 {margin-left:60px !important}
.ml50 {margin-left:50px !important}
.ml45 {margin-left:45px !important}
.ml40 {margin-left:40px !important}
.ml35 {margin-left:35px !important}
.ml30 {margin-left:30px !important}
.ml25 {margin-left:25px !important}
.ml20 {margin-left:20px !important}
.ml15 {margin-left:15px !important}
.ml10 {margin-left:10px !important}
.ml5 {margin-left:5px !important}
.ml3 {margin-left:3px !important}
.ml0 {margin-left:0px !important}

.mr100 {margin-right:100px !important}
.mr90 {margin-right:90px !important}
.mr80 {margin-right:80px !important}
.mr70 {margin-right:70px !important}
.mr60 {margin-right:60px !important}
.mr50 {margin-right:50px !important}
.mr45 {margin-right:45px !important}
.mr40 {margin-right:40px !important}
.mr35 {margin-right:35px !important}
.mr30 {margin-right:30px !important}
.mr25 {margin-right:25px !important}
.mr20 {margin-right:20px !important}
.mr15 {margin-right:15px !important}
.mr10 {margin-right:10px !important}
.mr5 {margin-right:5px !important}
.mr3 {margin-right:3px !important}
.mr0 {margin-right:0px !important}

.lh-1{line-height: 1 !important;}

@media all and (max-width:768px) {
  .mmt50 {margin-top:50px !important}
  .mmt45 {margin-top:45px !important}
  .mmt40 {margin-top:40px !important}
  .mmt35 {margin-top:35px !important}
  .mmt30 {margin-top:30px !important}
  .mmt25 {margin-top:25px !important}
  .mmt20 {margin-top:20px !important}
  .mmt15 {margin-top:15px !important}
  .mmt10 {margin-top:10px !important}
  .mmt5 {margin-top:5px !important}
  .mmt0 {margin-top:0px !important}

  .mmb50 {margin-bottom:50px !important}
  .mmb45 {margin-bottom:45px !important}
  .mmb40 {margin-bottom:40px !important}
  .mmb35 {margin-bottom:35px !important}
  .mmb30 {margin-bottom:30px !important}
  .mmb25 {margin-bottom:25px !important}
  .mmb20 {margin-bottom:20px !important}
  .mmb15 {margin-bottom:15px !important}
  .mmb10 {margin-bottom:10px !important}
  .mmb5 {margin-bottom:5px !important}
  .mmb0 {margin-bottom:0px !important}

  .mml100 {margin-left:100px !important}
  .mml90 {margin-left:90px !important}
  .mml80 {margin-left:80px !important}
  .mml70 {margin-left:70px !important}
  .mml60 {margin-left:60px !important}
  .mml50 {margin-left:50px !important}
  .mml45 {margin-left:45px !important}
  .mml40 {margin-left:40px !important}
  .mml35 {margin-left:35px !important}
  .mml30 {margin-left:30px !important}
  .mml25 {margin-left:25px !important}
  .mml20 {margin-left:20px !important}
  .mml15 {margin-left:15px !important}
  .mml10 {margin-left:10px !important}
  .mml5 {margin-left:5px !important}
  .mml0 {margin-left:0px !important}

  .mmr100 {margin-right:100px !important}
  .mmr90 {margin-right:90px !important}
  .mmr80 {margin-right:80px !important}
  .mmr70 {margin-right:70px !important}
  .mmr60 {margin-right:60px !important}
  .mmr50 {margin-right:50px !important}
  .mmr45 {margin-right:45px !important}
  .mmr40 {margin-right:40px !important}
  .mmr35 {margin-right:35px !important}
  .mmr30 {margin-right:30px !important}
  .mmr25 {margin-right:25px !important}
  .mmr20 {margin-right:20px !important}
  .mmr15 {margin-right:15px !important}
  .mmr10 {margin-right:10px !important}
  .mmr5 {margin-right:5px !important}
  .mmr0 {margin-right:0px !important}
}

/****************************************************
        WIDTH, HEIGHT STYLE
*****************************************************/
.w100p {width:100% !important}
.w90p {width:90% !important}
.w80p {width:80% !important}
.w70p {width:70% !important}
.w60p {width:60% !important}
.w50p {width:50% !important}
.w40p {width:40% !important}
.w30p {width:30% !important}
.w20p {width:20% !important}
.w10p {width:10% !important}
.w5p {width:5% !important}

@media all and (min-width:768px) {
  .w120 {width:120px !important}
  .w110 {width:110px !important}
  .w100 {width:100px !important}
  .w90 {width:90px !important}
  .w80 {width:80px !important}
  .w70 {width:70px !important}
  .w60 {width:60px !important}
  .w50 {width:50px !important}
  .w40 {width:40px !important}
  .w30 {width:30px !important}
  .w20 {width:20px !important}
  .w10 {width:10px !important}
  .w5 {width:5px !important}
}

.h100p {height:100% !important}
.h90p {height:90% !important}
.h80p {height:80% !important}
.h70p {height:70% !important}
.h60p {height:60% !important}
.h50p {height:50% !important}
.h40p {height:40% !important}
.h30p {height:30% !important}
.h20p {height:20% !important}
.h10p {height:10% !important}
.h5p {height:5% !important}


/****************************************************
          FONT STYLE
*****************************************************/
.indent {padding-left:0 0 0 10px !important}

.tl { text-align:left !important;}
.tr { text-align:right !important;}
.tc { text-align:center !important;    text-indent:0!important;}

.t_red { color:#ee3124 !important;}
.t_blue { color:#559cbe !important;}
.t_brown { color:#9d8d85 !important;}
.t_green { color:#00a65a !important;}
.t_black { color:#222 !important;}
.t_white { color:#fff !important;}

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

.pointer {cursor: pointer;}

.fs07 { font-size:0.7em !important}
.fs08{ font-size:0.8em !important}
.fs09 { font-size:0.9em !important}
.fs1 { font-size:1em !important}
.fs12 { font-size:1.2em !important}
.fs14 { font-size:1.4em !important}
.fs16 { font-size:1.6em !important}
.fs18 { font-size:1.8em !important}
.fs2 { font-size:2em !important}
.fs25 { font-size:2.5em !important}
.fs3 { font-size:3em !important}

/****************************************************
        LAYOUT STYLE
*****************************************************/
.bnone { border:none !important;}
.brnone {border-right:none !important;}
.blnone {border-left:none !important;}



/* 가로사이즈(width) */
.w20{width:20px!important}
.w30{width:30px !important}
.w40{width:40px !important}
.w50{width:50px !important}
.w60{width:60px !important}
.w70{width:70px !important}
.w80{width:80px !important}
.w100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w150{width:150px !important}
.w200{width:200px !important}
.w250{width:250px !important}
.w300{width:300px !important}
.w350{width:350px !important}
.w400{width:400px !important}
.w450{width:450px !important}
.w500{width:500px !important}

/* 가로사이즈(최소width) */
.mw20{min-width:20px !important}
.mw25{min-width:25px !important}
.mw30{min-width:30px !important}
.mw40{min-width:40px !important}
.mw60{min-width:60px !important}
.tb{font-weight:bold}
/* hide */
.hidden{display:none}
.ws{white-space: nowrap;}