@charset "UTF-8";


@-webkit-keyframes pulsate{0%{	opacity: 0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes pulsate{0%{	opacity: 0}50%{opacity:1}100%{opacity:0}}
@keyframes pulsate{0%{opacity: 0} 50%{opacity:1} 100%{opacity:0}}
@-webkit-keyframes rotate{100%{-webkit-transform: rotate(360deg)}}
@keyframes rotate{100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)} }
@-webkit-keyframes bounce{0%{-webkit-transform: scale(0)}  50%{-webkit-transform :scale(1)} 100%{-webkit-transform :scale(0)}}
@keyframes bounce{0%{transform: scale(0); -webkit-transform: scale(0)}  50%{transform :scale(1) ;-webkit-transform :scale(1)} 100%{transform :scale(0) ;-webkit-transform :scale(0)}}

.ani{-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.dn {display: none !important;}

/******************************************* 넓이 *********************************************/

.widAuto{width: auto !important;}
.widA{width: auto !important;}
.wid10{width: 10px !important;}
.wid20{width: 20px !important;}
.wid30{width: 30px !important;}
.wid40{width: 40px !important;}
.wid50{width: 50px !important;}
.wid60{width: 60px !important;}
.wid70{width: 70px !important;}
.wid80{width: 80px !important;}
.wid90{width: 90px !important;}
.wid100{width: 100px !important;}
.wid110{width: 110px !important;}
.wid120{width: 120px !important;}
.wid140{width: 140px !important;}
.wid150{width: 150px !important;}
.wid160{width: 160px !important;}
.wid200{width: 200px !important;}
.wid300{width: 300px !important;}
.wid400{width: 400px !important;}
.wid450{width: 450px !important;}
.wid500{width: 500px !important;}
.wid600{width: 600px !important;}
.wid700{width: 700px !important;}
.wid800{width: 800px !important;}
.wid900{width: 900px !important;}
.wid1000{width: 1000px !important;}
.wid1100{width: 1100px !important;}
.wid1200{width: 1200px !important;}
.wid9p{width: 9% !important;}
.wid10p{width: 10% !important;}
.wid19p{width: 19% !important;}
.wid20p{width: 20% !important;}
.wid29p{width: 29% !important;}
.wid30p{width: 30% !important;}
.wid39p{width: 39% !important;}
.wid40p{width: 40% !important;}
.wid49p{width: 49% !important;}
.wid50p{width: 50% !important;}
.wid59p{width: 59% !important;}
.wid60p{width: 60% !important;}
.wid69p{width: 69% !important;}
.wid70p{width: 70% !important;}
.wid79p{width: 79% !important;}
.wid80p{width: 80% !important;}
.wid89p{width: 89% !important;}
.wid90p{width: 90% !important;}
.wid99p{width: 99% !important;}
.wid100p{width: 100% !important;}
.widM50{width: calc(100% - 50px) !important;}
.widM60{width: calc(100% - 60px) !important;}
.widM70{width: calc(100% - 70px) !important;}
.widM90{width: calc(100% - 90px) !important;}
.widM100{width: calc(100% - 100px) !important;}
.widM110{width: calc(100% - 110px) !important;}
.widM120{width: calc(100% - 120px) !important;}
.widM130{width: calc(100% - 130px) !important;}
.widM140{width: calc(100% - 140px) !important;}
.widM150{width: calc(100% - 150px) !important;}
.widM190{width: calc(100% - 190px) !important;}
.widM200{width: calc(100% - 200px) !important;}
.widM210{width: calc(100% - 210px) !important;}
.widM220{width: calc(100% - 220px) !important;}
.widM230{width: calc(100% - 230px) !important;}
.widM240{width: calc(100% - 240px) !important;}
.widM250{width: calc(100% - 250px) !important;}

.h37{height: 37px !important;}
.h100{height: 100px !important;}
.h200{height: 200px !important;}
.h300{height: 300px !important;}
.h400{height: 400px !important;}


/******************************************* 여백 *********************************************/

.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml30{margin-left: 30px !important;}
.ml60{margin-left: 60px !important;}
.ml100{margin-left: 100px !important;}

.mt1{margin-top: 1px !important ;}
.mt2{margin-top: 2px !important ;}
.mt3{margin-top: 3px !important ;}
.mt5{margin-top: 5px !important ;}
.mt10{margin-top: 10px !important ;}
.mt15{margin-top: 15px !important ;}
.mt20{margin-top: 20px !important ;}
.mt30{margin-top: 30px !important ;}
.mt40{margin-top: 40px !important ;}
.mt50{margin-top: 50px !important ;}
.mt60{margin-top: 60px !important ;}
.mt70{margin-top: 70px !important ;}
.mt80{margin-top: 80px !important ;}
.mt90{margin-top: 90px !important ;}

.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}
.mr60{margin-right: 60px !important;}
.mr100{margin-right: 100px !important;}

.mb1{margin-bottom: 1px !important ;}
.mb2{margin-bottom: 2px !important ;}
.mb3{margin-bottom: 3px !important ;}
.mb10{margin-bottom: 10px !important ;}
.mb15{margin-bottom: 15px !important ;}
.mb20{margin-bottom: 20px !important ;}
.mb30{margin-bottom: 30px !important ;}
.mb50{margin-bottom: 50px !important ;}
.mb80{margin-bottom: 80px !important ;}
.mb90{margin-bottom: 90px !important ;}

.mg10{margin: 10px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}

.pt30{padding-top: 30px !important;}
.pt50{padding-top: 50px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}
.pt90{padding-top: 90px !important;}
.pt100{padding-top: 100px !important;}
.pt110{padding-top: 110px !important;}
.pt120{padding-top: 120px !important;}
.pt150{padding-top: 150px !important;}

.pb50{padding-bottom: 50px !important;}
.pb80{padding-bottom: 80px !important;}
.pb90{padding-bottom: 90px !important;}
.pb100{padding-bottom: 100px !important;}
.pb150{padding-bottom: 150px !important;}

.pl0{padding-left: 0 !important;}
.pl90{padding-left: 90px !important;}

.pd0{padding: 0 !important;}
.pd5{padding: 5px !important;}
.pd10{padding: 10px !important;}
.pd15{padding: 15px !important;}
.pd20{padding: 20px !important;}

.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}

/******************************************* 정렬 *********************************************/
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center !important;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}

/*************************************** 폰트스타일 ******************************************/
.fS10{font-size: 10px !important;}
.fS11{font-size: 11px !important;}
.fS12{font-size: 12px !important;}
.fS13{font-size: 13px !important;}
.fS14{font-size: 14px !important;}
.fS15{font-size: 15px !important;}
.fS18{font-size: 18px !important;}
.fS20{font-size: 20px !important;}
.fS22{font-size: 22px !important;}
.fS24{font-size: 24px !important;}

.fb{font-weight: bolder;}
.fw400{font-weight: 400;}
.fw600{font-weight: 600;}
.fw800{font-weight: 800;}

/*************************************** 색상 ******************************************/
.fCblack{color: #000000 !important;}
.fCgreen{color: #43830b !important;}
.fCorange{color: #f04214 !important;}
.fCblue{color: #0b24f7 !important;}
.fCred{color: #f22f2f !important;}
.fCgray{color: #545759 !important;}
.fCblack{color: #000 !important;}
.fCwrite{color: #FFFFFF !important;}
.fCblue_01{color: #00578a !important;}


.jbGrad01 {
        background: linear-gradient( to bottom, #9b9b9b, #ffffff );
}

/*************************************** 배경 ******************************************/
.bgC1{background-color: #69a52d !important;}
.bgC2{background-color: #c06e58 !important;}
.bgC3{background-color: #3e49aa !important;}

.bgC01{background-color: #df6658 !important;}
.bgC02{background-color: #6968a4 !important;}
.bgC03{background-color: #b1ca79 !important;}
.bgC04{background-color: #e298a7 !important;}
.bgC05{background-color: #5caa6c !important;}
.bgC06{background-color: #a171a5 !important;}
.bgC07{background-color: #8ac0ca !important;}
.bgC08{background-color: #ff8000!important;}
.bgC09{background-color: #e1c270 !important;}
.bgC10{background-color: #bd986e !important;}
.bgC11{background-color: #dc866d !important;}
.bgC12{background-color: #859ac5 !important;}
.bgC0{background-color: #243d91 !important;}


.disL{display: inline-block;}

.pil {
  display: inline-block;
  width: 15px;
  height: 20px;
  position: relative;
  text-indent: 99999px;
  overflow: hidden;
  vertical-align: middle;
  top: -2px;
}
.pil:before {
  position: relative;
  content: "\f00c";
  display: block;
  color: #E34724;
  text-indent: 0;
  font-family: 'Font Awesome 5 Free';
  height: 20px;
  line-height: 20px;
}