@charset "utf-8";
/*2025년 6월 30일 월요일*/
.sb-title{font-size: 2rem;font-weight: 600;line-height: 130%;}
.sb-title2{font-size: 1.7rem;font-weight: 600;line-height: 140%;}
.sb-title3{font-size: 1.3rem;font-weight: 600;line-height: 160%;}


.view_bo_con {word-break:keep-all;}
.view_bo_con img{max-width:100% !important;}


.m-float-none{float:none !important;}
.float-left{float:left}
.float-right{float:right}

.clear{clear:both}
.clearfix::after {display: block;  clear: both;  content: "";}
.floatfix:before, .floatfix:after {content: '';display: table;}
.floatfix:after {clear: both;}


.block{display:block;} /* 블록 */
.inline{display:inline-block;} /* 인라인블록 */
.inline-flex, .d-inline-flex{display:inline-flex}
.flex, .d-flex { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex  !important;             /* NEW, Spec - Opera 12.1, Firefox 20+ */}
.flex-space-between, .flex-between, .flex-space, .just-space {justify-content: space-between;}
.flex-row{flex-direction: row;}
.flex-center{align-items: center;}
.d-row-flex{display: flex !important; flex-direction: column;}
.flex-end{align-items: flex-end;}
.just-center{justify-content: center;}
.flex-wrap{flex-wrap: wrap}
.flex-start{align-items: flex-start;}


.mo-none{display:block;} /* PC - 노출, 모바일에서 숨김처리!! */
.hidden, .hide, .d-none{display:none !important;}
.d-table {display: table !important;}
.d-table-row {display: table-row !important;}
.d-table-cell {display: table-cell !important;}
.hide_box{width:0px !important;height:0px  !important;border:0px !important;background-color:#fff !important;padding:0px !important;}

.text-hide {  font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.visible {  visibility: visible !important;}
.invisible {  visibility: hidden !important;}

.overflow-visible {overflow: visible !important;}
.overflow-hidden {overflow: hidden !important;}

.scroll-x{width:100%; overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;min-width:600px}
.scroll-y{height:100px;overflow:scroll;border:1px solid #ddd;padding:15px;-ms-overflow-style:-ms-autohiding-scrollbar}


.gap{clear:both;display:inline-block;margin-bottom:0px;width:100%}
.con-xs-gap, .xs-gap{clear:both;display:inline-block;margin-bottom:20px;width:100%}
.con-sm-gap, .sm-gap{clear:both;display:inline-block;margin-bottom:40px;width:100%}
.con-gap, .md-gap{clear:both;display:inline-block;margin-bottom:60px;width:100%}
.con-lg-gap, .lg-gap{clear:both;display:inline-block;margin-bottom:80px;width:100%}
.con-xl-gap, .xl-gap{clear:both;display:inline-block;margin-bottom:100px;width:100%}
.last-gap{clear:both;display:inline-block;margin-bottom:20px;width:100%}

.gap5{gap:5px}
.gap10{gap:10px}
.gap15{gap:15px}
.gap20{gap:20px}
.gap25{gap:25px}
.gap30{gap:30px}
.gap35{gap:35px}
.gap40{gap:40px}
.gap50{gap:50px}
.gap60{gap:60px}
.gap70{gap:70px}
.gap80{gap:80px}
.gap90{gap:90px}
.gap100{gap:100px}


.con-img{display: block;  margin-left: auto;  margin-right: auto;text-align:center}
.con-img img{max-width:100% !important;}
.img_fix {width:100%;height:auto} /* ie6 이미지 너비 지정 */
.img-thumbnail {padding: 0.25rem;background-color: #fff;border: 0.0625rem solid #dee2e6;border-radius: 0.25rem;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);max-width: 100%;height: auto;}

.img-hover:hover img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}
.bg-hover {-webkit-transition: transform .3s ease-out;-moz-transition: transform .3s ease-out;-ms-transition: transform .3s ease-out;-o-transition: transform .3s ease-out;transition: transform .3s ease-out;}
.bg-hover:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); /* IE 9 */-o-transform: scale(1.2);transform: scale(1.2);}

.point, .text-point{color:#e76523;} /* 주의문구 */
.boxing{box-sizing:border-box;}
.hand:hover{cursor:pointer}
.nobr{white-space: nowrap;}


/*포지션*/
.position-static {position: static !important;}
.position-relative, .relative {position: relative !important;}
.position-absolute, .absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.position-sticky {position: sticky !important;}
.fixed-top {position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;}
.fixed-bottom {position: fixed;  right: 0;  bottom: 0;  left: 0;  z-index: 1030;}


/*라운드*/
.round {border-radius: 0.375rem !important;}
.round-sm {border-radius: 0.2rem !important;}
.round-lg {border-radius: 0.5rem !important;}
.round-top {  border-top-left-radius: 0.375rem !important;  border-top-right-radius: 0.375rem !important;}
.round-right {  border-top-right-radius: 0.375rem !important;  border-bottom-right-radius: 0.375rem !important;}
.round-bottom {  border-bottom-right-radius: 0.375rem !important;  border-bottom-left-radius: 0.375rem !important;}
.round-left {  border-top-left-radius: 0.375rem !important;  border-bottom-left-radius: 0.375rem !important;}
.round-circle {  border-radius: 50% !important;}
.round-pill {border-radius: 50rem !important;}
.round0 {border-radius: 0 !important;}
.round5{border-radius: 5px !important;}
.round10{border-radius: 10px !important;}
.round15{border-radius: 15px !important;}
.round20{border-radius: 20px !important;}
.round25{border-radius: 25px !important;}
.round30{border-radius: 30px !important;}
.round35{border-radius: 35px !important;}

:root{
	--round0: 0 !important;
	--round5: 5px !important;
	--round10: 10px !important;
	--round15: 15px !important;
	--round20: 20px !important;
	--round25: 25px !important;
	--round30: 30px !important;
	--round35: 35px !important;
}


/*그림자*/
.shadow-none {box-shadow: none !important;}
.shadow{box-shadow: 0 0 0.5rem rgba(136, 152, 170, 0.075) }
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) }
.shadow-lg {box-shadow: 0 0 3rem rgba(136, 152, 170, 0.175) }
.box-shadow{box-shadow: 1px 1px 5px 0px hsl(232deg 36% 96%);}
div[class*="shadow"]:hover{border-color: #bed4f4;}


.w-auto {width: auto !important;}
.h-auto {height: auto !important;}
.mw100 {max-width: 100% !important;}
.mh100 {max-height: 100% !important;}
.min-vw100 {min-width: 100vw !important;}
.min-vh100 {min-height: 100vh !important;}
.vw100 {width: 100vw !important;}
.vh100 {height: 100vh !important;}

/* box */
.box, .box-gray{border:1px solid #ddd; background:#f3f3f3;} /* 회색테두리, 회색배경 */
.box1{background:#fafafa;} /*테두리없음, 연회색배경 */
.box2{background:#f6f6f6;} /*테두리없음, 회색배경 */
.box3, .box-white{border:1px solid #ddd;background:#fff;}
.box-size{box-sizing:content-box;}

/*모눈종이 box*/
.closs-box, .ts {background:url('/theme/basic/img/closs_bg.png');width:100%;border:1px solid #ddd;display:inline-block;text-align: center;}

/* 테이블 */
.tbl-wrap, .tbl_wrap{width:calc(100% - 1px);display:inline-block;}
.con-tbl-width{width:calc(100% - 2px)}
.con-tbl {border-spacing: 0px; border-collapse: collapse; display:table;margin:0 auto;border-top: 2px solid #7daaef;}
.con-tbl caption{position:absolute; top:-5000px; left:0; text-indent:-99999px;}
.con-tbl thead th{text-align:center;background:#eaf6fb; border:1px solid #ddd; padding:10px 5px;border-bottom:0px}
.con-tbl tbody th{background:#eaf6fb; border:1px solid #ddd; padding:5px; text-align:center;width:150px}
.con-tbl td{border:1px solid #ddd; background:#fff; padding:7px 5px; white-space: normal; word-break: break-all;}
.con-tbl .need-bg{background:#eaf6fb; color:#739b42;}


/*네임팬 효과*/
.namepen {width: fit-content;padding: 0 0.25%;position: relative;z-index: 1;}
.namepen::after {position: absolute;display: block;content: '\00a0';width: 100%;left: 0;right: 0;top: 50%;height: 60%;background-color: #ffe360;transform: skew(-5deg);z-index: -1;}


/*버튼*/
.btn-wr{text-align:center;display:inline-block;width:100%;}
.btn-download {display:inline-block;background:  linear-gradient(to right,#ea951a,#ff7e33); color: #fff; padding: 15px 40px !important; font-size: 1.2rem !important; font-weight: 600; text-align: center; transition:all ease 0.5s;}
.btn-download:hover{background: linear-gradient(to right, #f5365c, #e16043);transition:all ease 0.5s; color:#fff;}

.btn-skyblue {display:inline-block;background:  linear-gradient(to right,#00ce97,#14b0f7); color: #fff; padding: 15px 40px !important; font-size: 1.2rem; font-weight: 600; text-align: center; transition:all ease 0.5s;}
.btn-skyblue:hover{background: linear-gradient(to right, #6eb92b, #1eb9e8);transition:all ease 0.5s; color:#fff;}


.btn-service{clear:both;width:100%;text-align:center}
.btn-service a{background:#9274B2;padding:10px 80px;text-align:center;color:#fff;margin:40px 10px;display:inline-block;}
.btn-service a:hover{color:#ffeb3b}

.btn-privacy{width:100%;max-width: 400px;background: linear-gradient(to right,#ea951a,#ff7e33); color: #fff; padding: 10px 20px; font-size: 1.2rem !important; font-weight: 600; text-align: center; transition:all ease 0.5s;margin:0 auto}
.btn-privacy a{color: #fff !important; }
.btn-privacy:hover{background:linear-gradient(to right, #f5365c, #e16043);transition:all ease 0.5s; color:#fff;}

.btn_confirm {text-align:center;}
.btn-md{display:inline-block;padding: 7px 20px; font-size: 1.3rem; font-weight: 600; text-align: center;  transition:all ease 0.5s;border: 0px;border-radius: 0.25rem;}


.btn {
  position: relative;
  text-transform: uppercase;
  will-change: transform;
  letter-spacing: 0.025em;
 color: #fff;
  font-size: 0.875rem;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  /*background-color: transparent;*/
  padding: 0.4rem 0.7rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  border: 0px !important;
}

.btn-sm {
  position: relative;
  text-transform: uppercase;
  will-change: transform;
  letter-spacing: 0.025em;
  /*color: #525f7f;*/
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  line-height: 1.3;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
   transition:all ease 0.5s;
	border: 0px !important;
}

.btn-lg, .btn-group-lg>.btn {
	border: 0px !important;
	position: relative;
  text-transform: uppercase;
  will-change: transform;
  letter-spacing: 0.025em;
  /*color: #525f7f;*/
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  /*border: 1px solid transparent;*/
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  padding: 0.8rem 1.2rem;
  font-size: 1.2rem;
   transition:all ease 0.5s;
}

.btn:hover {box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);transform: translateY(-1px);}
.btn-sm:hover {box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); transform: translateY(-1px);}


.line-highlight {
	background: rgba(107, 115, 148, 0.2);
	background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
	background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
}



/* 컨텐츠 정렬 */
/*.center {left: 50%;transform: translateX(-50%);}*/
.center{align-content:center}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;align-content:center}
.text-right{text-align:right !important;}
.text-bottom {vertical-align: text-bottom !important;}
.text-top {vertical-align: text-top !important;}
.text-justify {text-align: justify !important;}


.text-baseline, .align-baseline {vertical-align: baseline !important;}
.align-top {vertical-align: top !important;}
.text-middle, .align-middle{display:flex; justify-content:center; align-items:center;}
/*.text-middle, .align-middle {vertical-align: middle !important;}*/
.text-bottom, .align-bottom {vertical-align: bottom !important;}

.text-nowrap, .nowrap {white-space: nowrap !important;}
.text-truncate {overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.text-underline, .underline {text-decoration: underline;}
.text-through {text-decoration: line-through;}
.text-italic, .font-italic {font-style: italic !important;}

.ls-05, .text-spacing-05 {letter-spacing: -0.5px;}
.ls-1, .text-spacing-1 {letter-spacing: -1px;}
.ls-15, .text-spacing-15 {letter-spacing: -1.5px;}
.ls-2, .text-spacing-2 {letter-spacing: -2px;}

.ls1, .text-spacing1 {letter-spacing: .0625rem;}
.ls2, .text-spacing2 {letter-spacing: 0.125rem;}
.ls15, .text-spacing3 {letter-spacing: .09375rem;}

.text-lowercase {text-transform: lowercase !important;}
.text-uppercase {text-transform: uppercase !important;}
.text-capitalize {text-transform: capitalize !important;}
.text-decoration-none {text-decoration: none !important;}
.text-break, .break-word {word-break: break-word !important; overflow-wrap: break-word !important;}
.text-keep-all, .keep-all{word-break:keep-all !important;}
.text-row{writing-mode: tb-rl;letter-spacing: 5px;}

.text-small, .small{font-size: 80%;}
.text-big{font-size:160%}
.text-xs {font-size: 0.75rem !important;line-height:1.3rem}
.text-sm {font-size: 0.875rem !important;line-height:1.4rem}
.text-lg {font-size: 1.45rem !important;line-height:2rem}
.text-xl {font-size: 1.6rem !important;line-height:2.2rem}

.text-bold, .bold{font-weight:bold;font-weight:600}
.text-bolder, .bolder{font-weight:bold;font-weight:900}
.text-light, .font-light, .text-normal {font-weight:normal !important;font-weight: 300 !important;}
.text-300, .font-weight-300 {font-weight: 300 !important;}
.text-400, .font-weight-400 {font-weight: 400 !important;}
.text-500, .font-weight-500 {font-weight: 500 !important;}
.text-600, .font-weight-600 {font-weight: 600 !important;}
.text-700, .font-weight-700 {font-weight: 700 !important;}
.text-800, .font-weight-800 {font-weight: 800 !important;}
.text-900, .font-weight-900 {font-weight: 900 !important;}

.lh-100, .lh-1 {line-height: 1;}
.lh-110 {line-height: 1.1;}
.lh-120 {line-height: 1.2;}
.lh-130 {line-height: 1.3;}
.lh-140 {line-height: 1.4;}
.lh-150 {line-height: 1.5;}
.lh-160 {line-height: 1.6;}
.lh-170 {line-height: 1.7;}
.lh-180 {line-height: 1.8;}
.lh-190 {line-height: 1.9;}
.lh-200 {line-height: 2;}
.lh-210 {line-height: 2.1;}
.lh-220 {line-height: 2.2;}


.wd-100{width:100%;}
.wd-50{width:calc(50% - 3px);}
.wd-33{width:calc(33.3% - 3px);}
.wd-25{width:calc(25% - 3px);}
.wd-20{width:calc(20% - 4px);}

.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-33 {width: 33.333% !important;}
.w-40 {width: 40% !important;}
.w-50 {width: 50% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}
.w-100 {width: 100% !important;}



.wc-50-10{width:calc(50% - 10px);}
.wc-50-20{width:calc(50% - 20px);}
.wc-33{width:calc(33.333333% - 10px);}
.wc-25{width:calc(25% - 15px);}
.wc-20{width:calc(20% - 15px);}


.cal-box3 .cbox{float:left;display:inline-block;width:calc(33.3333% - 13.4px);margin-right:20px}
.cal-box3 .cobx img{max-width:100%}
.cal-box3 .cbox:last-child{margin-right:0px}


.w-auto {width: auto !important;}
.mw-100 {max-width: 100% !important;}
.mh-100 {max-height: 100% !important;}
.h-100 {height: 100% !important;}
.h-auto {height: auto !important;}
.h-100vh {height: 100vh !important;}

.text-9{font-size:0.9rem}
.text-10{font-size:1.0rem}
.text-11{font-size:1.11rem}
.text-12{font-size:1.12rem}
.text-13{font-size:1.13rem}
.text-14{font-size:1.14rem}
.text-15{font-size:1.15rem}
.text-16{font-size:1.16rem}
.text-17{font-size:1.17rem}
.text-18{font-size:1.18rem}
.text-19{font-size:1.19rem}
.text-20{font-size:1.20rem}
.text-21{font-size:1.21rem}
.text-22{font-size:1.22rem}
.text-23{font-size:1.23rem}
.text-24{font-size:1.24rem}
.text-25{font-size:1.25rem}
.text-26{font-size:1.26rem}
.text-27{font-size:1.27rem}
.text-28{font-size:1.28rem}
.text-29{font-size:1.29rem}
.text-30{font-size:1.30rem}
.text-40{font-size:1.40rem}





/* 컨텐츠 글자 컬러 */
.text-white{color:#fff !important;}
.text-dark{color:#333 !important;}
.text-brown{color:#4B2D27 !important;}
.text-green{color:#336600 !important;}
.text-orange{color:#e58e67 !important;}
.text-yellow{color:#FDD000 !important;}
.text-blue{color:#0e6ba0 !important;}
.text-skyblue{color:#249cd9 !important;}
.text-warning{color:#f29600 !important;}
.text-indigo {color: #5603ad !important;}
.text-purple {color: #6a4a9a  !important;}
.text-pink {color: #f3a4b5 !important;}
.text-red {color: #f5365c !important;}
.text-danger{color:#e7374c !important;}
.text-cyan {color: #9999ff !important;}
.text-gray {color: #8898aa !important;}
.text-lightgray {color: #ced4da !important;}
.text-light {color: #fafafa !important;}
.text-darkgray{color: #808080 !important;}
.text-darkpink{color:#DC287C !important;}
.text-hotpink{color:#ff66cc !important;}
.text-mint{color:#5ebfbb !important;}
.text-darkblue{color:#2A4FAC !important;}
.text-darkgreen{color:#768A00 !important;}
.text-lime{color:#84b230 !important;}

:root{
	--text-white:#fff !important;
	--text-dark:#333 !important;
	--text-brown:#4B2D27 !important;
	--text-green:#336600 !important;
	--text-orange:#e58e67 !important;
	--text-yellow:#FDD000 !important;
	--text-blue:#0e6ba0 !important;
	--text-skyblue:#249cd9 !important;
	--text-warning:#f29600 !important;
	--text-indigo : #5603ad !important;
	--text-purple : #6a4a9a  !important;
	--text-pink : #f3a4b5 !important;
	--text-red : #f5365c !important;
	--text-danger:#e7374c !important;
	--text-cyan : #9999ff !important;
	--text-gray : #8898aa !important;
	--text-lightgray : #ced4da !important;
	--text-light : #fafafa !important;
	--text-darkgray: #808080 !important;
	--text-darkpink:#DC287C !important;
	--text-hotpink:#ff66cc !important;
	--text-mint:#5ebfbb !important;
	--text-darkblue:#2A4FAC !important;
	--text-darkgreen:#768A00 !important;
	--text-lime:#84b230 !important;
}


.text-black-50 {color: rgba(0, 0, 0, 0.5) !important;}
.text-white-50 {color: rgba(255, 255, 255, 0.5) !important;}
.text-reset {color: inherit !important;}


.text-hover-white  a:hover{color:#fff !important;}
.text-hover-dark  a:hover{color:#333 !important;}
.text-hover-brown  a:hover{color:#4B2D27 !important;}
.text-hover-green  a:hover{color:#336600 !important;}
.text-hover-orange a:hover{color:#e58e67 !important;}
.text-hover-yellow  a:hover{color:#FDD000 !important;}
.text-hover-blue  a:hover{color:#0e6ba0 !important;}
.text-hover-skyblue  a:hover{color:#249cd9 !important;}
.text-hover-warning  a:hover{color:#f29600 !important;}
.text-hover-indigo  a:hover{color: #5603ad !important;}
.text-hover-purple   a:hover{color: #6a4a9a  !important;}
.text-hover-pink  a:hover{color: #f3a4b5 !important;}
.text-hover-red  a:hover{color: #f5365c !important;}
.text-hover-danger  a:hover{color:#e7374c !important;}
.text-hover-cyan  a:hover{color: #9999ff !important;}
.text-hover-gray  a:hover{color: #8898aa !important;}
.text-hover-lightgray  a:hover{color: #ced4da !important;}
.text-hover-light  a:hover{color: #fafafa !important;}
.text-hover-darkgray  a:hover{color: #808080 !important;}
.text-hover-darkpink  a:hover{color:#DC287C !important;}
.text-hover-hotpink  a:hover{color:#ff66cc !important;}



/* 컨텐츠 배경 컬러 */
.bg-white{background-color:#fff !important;}
.bg-dark{background-color:#000033 !important;}
.bg-gray{background-color:#939598 !important;}
.bg-lightgray{background-color:#f3f3f3 !important;}
.bg-brown{background-color:#4B2D27 !important;}
.bg-lightgreen{background-color:#ddf4db !important;}
.bg-green{background-color:#36ac37 !important;}
.bg-orange{background-color:#f97846 !important;}
.bg-yellow{background-color:#FFCB07 !important;}
.bg-blue{background-color:#3c5da2 !important;}
.bg-warning{background-color:#f4646d !important;}
.bg-purple{background-color:#6a4a9a !important;}
.bg-darkpink{background-color:#DC287C !important;}
.bg-pink{background-color:#ff66cc !important;}
.bg-mint{background-color:#1cbbb4 !important;}
.bg-lime{background-color:#84b230 !important;}
.bg-none {background-color: transparent !important;}
.bg-danger{background-color:#e7374c !important}

:root{
	--bg-white:#fff !important;
	--bg-dark:#000033 !important;
	--bg-gray:#939598 !important;
	--bg-lightgray:#f3f3f3 !important;
	--bg-brown:#4B2D27 !important;
	--bg-lightgreen:#ddf4db !important;
	--bg-green:#36ac37 !important;
	--bg-orange:#f97846 !important;
	--bg-yellow:#FFCB07 !important;
	--bg-blue:#3c5da2 !important;
	--bg-warning:#f4646d !important;
	--bg-purple:#6a4a9a !important;
	--bg-darkpink:#DC287C !important;
	--bg-pink:#ff66cc !important;
	--bg-mint:#1cbbb4 !important;
	--bg-lime:#84b230 !important;
	--bg-none : transparent !important;
	--bg-danger:#e7374c !important;
}

.bg-ops-white{background-color:rgba(255, 255, 255, 0.77) !important;}
.bg-ops-dark{background-color:rgba(0, 0, 51, 0.77) !important;}
.bg-ops-gray{background-color:rgba(147, 149, 152, 0.77)  !important;}
.bg-ops-lightgray{background-color:rgba(243, 243, 243, 0.77) !important;}
.bg-ops-brown{background-color:rgba(75, 45, 39, 0.77)  !important;}
.bg-ops-lightgreen{background-color:#3dab33 !important;}
.bg-ops-green{background-color:rgba(54, 172, 55, 0.77)  !important;}
.bg-ops-orange{background-color:#f97846 !important;}
.bg-ops-yellow{background-color:rgba(255, 201, 8, 0.77) !important;}
.bg-ops-blue{background-color:#3c5da2 !important;}
.bg-ops-warning{background-color:#f4646d !important;}
.bg-ops-purple{background-color:#6a4a9a !important;}
.bg-ops-darkpink{background-color:#DC287C !important;}
.bg-ops-pink{background-color:#ff66cc !important;}
.bg-ops-mint{background-color:#1cbbb4 !important;}
.bg-ops-lime{background-color:#84b230 !important;}
.bg-ops-none {background-color: transparent !important;}
.bg-ops-danger{background-color:rgba(231, 55, 76, 0.77)  !important}

.bg-grad-primary {background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;}
.bg-grad-secondary {background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;}
.bg-grad-success {background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;}
.bg-grad-info {background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;}
.bg-grad-warning {background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;}
.bg-grad-danger {background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;}
.bg-grad-light {background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;}
.bg-grad-dark {background: linear-gradient(87deg, #212529 0, #212229 100%) !important;}
.bg-grad-default {background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;}
.bg-grad-white {background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}
.bg-grad-neutral {background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}
.bg-grad-darker {background: linear-gradient(87deg, #000 0, #000 100%) !important;}
.bg-grad-blue {background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important;}
.bg-grad-indigo {background: linear-gradient(35deg, #5603ad 0, #9d03ad 100%) !important;}
.bg-grad-purple {background: linear-gradient(35deg, #8965e0 0, #bc65e0 100%) !important;}
.bg-grad-pink {background: linear-gradient(35deg, #f3a4b5 0, #f3b4a4 100%) !important;}
.bg-grad-red {background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important;}
.bg-grad-orange {background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important;}
.bg-grad-yellow {background: linear-gradient(35deg, #ffd600 0, #beff00 100%) !important;}
.bg-grad-green {background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important;}
.bg-grad-teal {background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important;}
.bg-grad-cyan {background: linear-gradient(35deg, #2bffc6 0, #2be0ff 100%) !important;}
.bg-grad-white {background: linear-gradient(35deg, #fff 0, #fff 100%) !important;}
.bg-grad-gray {background: linear-gradient(35deg, #8898aa 0, #888aaa 100%) !important;}
.bg-grad-gray-dark {background: linear-gradient(35deg, #32325d 0, #44325d 100%) !important;}
.bg-grad-light {background: linear-gradient(35deg, #ced4da 0, #cecfda 100%) !important;}
.bg-grad-lighter {background: linear-gradient(35deg, #e9ecef 0, #e9eaef 100%) !important;}
.bg-translucent-primary {background-color: rgba(63, 87, 223, 0.6) !important;}


/* 컨텐츠 간격 */
.m-auto{margin:0 auto}

.mg0{margin:0px !important;}
.mg2{margin:2px !important;}
.mg3{margin:3px !important;}
.mg4{margin:4px !important;}
.mg5{margin:5px !important;}
.mg10{margin:10px  !important;}
.mg15{margin:15px  !important;}
.mg20{margin:20px !important; }
.mg30{margin:30px  !important;}
.mg40{margin:40px  !important;}
.mg50{margin:50px  !important;}
.mg60{margin:60px  !important;}
.mg70{margin:70px  !important;}
.mg80{margin:80px  !important;}
.mg90{margin:90px  !important;}
.mg100{margin:100px  !important;}
.mg200{margin:200px  !important;}
.mg300{margin:300px  !important;}
.mg400{margin:400px  !important;}
.mg500{margin:500px  !important;}

.mt0{margin-top:0px  !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;}
.mt100{margin-top:100px !important;}
.mt200{margin-top:200px !important;}
.mt300{margin-top:300px !important;}
.mt400{margin-top:400px !important;}
.mt500{margin-top:500px !important;}



.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}
.ml200{margin-left:200px !important;}
.ml300{margin-left:300px !important;}
.ml400{margin-left:400px !important;}
.ml500{margin-left:500px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr80{margin-right:90px !important;}
.mr100{margin-right:100px !important;}
.mr200{margin-right:200px !important;}
.mr300{margin-right:300px !important;}
.mr400{margin-right:400px !important;}
.mr500{margin-right:500px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}
.mb300{margin-bottom:300px !important;}
.mb400{margin-bottom:400px !important;}
.mb500{margin-bottom:500px !important;}


.pd0{padding:0px !important}
.pd5{padding:5px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}
.pd50{padding:50px !important}
.pd60{padding:60px !important}
.pd70{padding:70px !important}
.pd80{padding:80px !important}
.pd90{padding:90px !important}
.pd100{padding:100px !important}
.pd200{padding:200px !important}
.pd300{padding:300px !important}
.pd400{padding:400px !important}
.pd500{padding:500px !important}


.pt0{padding-top:0px  !important}
.pt5{padding-top:5px  !important}
.pt10{padding-top:10px  !important}
.pt15{padding-top:15px  !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}
.pt200{padding-top:200px !important}
.pt300{padding-top:300px !important}
.pt400{padding-top:400px !important}
.pt500{padding-top:500px !important}
.pt-100 {padding-top: 100px !important;}
.pt-150 {padding-top: 150px !important;}
.pt-200 {padding-top: 200px !important;}
.pt-250 {padding-top: 250px !important;}
.pt-300 {padding-top: 300px !important;}


.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}
.pb60{padding-bottom:60px !important}
.pb70{padding-bottom:70px !important}
.pb80{padding-bottom:80px !important}
.pb90{padding-bottom:90px !important}
.pb100{padding-bottom:100px !important}
.pb200{padding-bottom:200px !important}
.pb300{padding-bottom:300px !important}
.pb400{padding-bottom:400px !important}
.pb500{padding-bottom:500px !important}
.pb-100 {padding-bottom: 100px !important;}
.pb-150 {padding-bottom: 150px !important;}
.pb-200 {padding-bottom: 200px !important;}
.pb-250 {padding-bottom: 250px !important;}
.pb-300 {padding-bottom: 300px !important;}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important}
.pl70{padding-left:70px !important}
.pl80{padding-left:80px !important}
.pl90{padding-left:90px !important}
.pl100{padding-left:100px !important}
.pl200{padding-left:200px !important}
.pl300{padding-left:300px !important}
.pl400{padding-left:400px !important}
.pl500{padding-left:500px !important}

.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr30{padding-right:30px !important}
.pr40{padding-right:40px !important}
.pr50{padding-right:50px !important}
.pr60{padding-right:60px !important}
.pr70{padding-right:70px !important}
.pr80{padding-right:80px !important}
.pr90{padding-right:90px !important}
.pr100{padding-right:100px !important}
.pr200{padding-right:200px !important}
.pr300{padding-right:300px !important}
.pr400{padding-right:400px !important}
.pr500{padding-right:500px !important}


.opacity-1 {opacity: .1 !important;}
.opacity-2 {opacity: .2 !important;}
.opacity-3 {opacity: .3 !important;}
.opacity-4 {opacity: .4 !important;}
.opacity-5 {opacity: .5 !important;}
.opacity-6 {opacity: .6 !important;}
.opacity-7 {opacity: .7 !important;}
.opacity-8 {opacity: .8 !important;}
.opacity-9 {opacity: .9 !important;}
.opacity-10 {opacity: 1 !important;}


.border {border: 1px solid #ddd !important;}
.border-top {border-top: 0.0625rem solid #ddd !important;}
.border-right {border-right: 0.0625rem solid #ddd !important;}
.border-bottom {border-bottom: 0.0625rem solid #ddd !important;}
.border-left {border-left: 0.0625rem solid #ddd !important;}
.border-dashed {border: 1px dashed #ddd !important;}
.border-dashed-top {border-top: 0.0625rem dashed #ddd !important;}
.border-dashed-bottom {border-bottom: 0.0625rem dashed #ddd !important;}
.border-dashed-left {border-left: 0.0625rem dashed #ddd !important;}
.border-dashed-right {border-right: 0.0625rem dashed #ddd !important;}

.border-0 {border: 0 !important;}
.border-top-0 {border-top: 0 !important;}
.border-right-0 {border-right: 0 !important;}
.border-bottom-0 {border-bottom: 0 !important;}
.border-left-0 {border-left: 0 !important;}

.border-gray{border-color:#d3d3d3 !important;}
.border-primary {border-color: #5e72e4 !important;}
.border-secondary {border-color: #f4f5f7 !important;}
.border-success {border-color: #2dce89 !important;}
.border-info {border-color: #11cdef !important;}
.border-warning {border-color: #fb6340 !important;}
.border-danger {border-color: #f5365c !important;}
.border-light {border-color: #adb5bd !important;}
.border-dark {border-color: #212529 !important;}
.border-default {border-color: #172b4d !important;}
.border-white {border-color: #fff !important;}
.border-neutral {border-color: #fff !important;}
.border-darker {border-color: #000 !important;}
.border-white {border-color: #fff !important;}




@media (min-width: 576px) {

	.float-sm-left {float: left !important;}
	.float-sm-right {float: right !important;}
	.float-sm-none {float: none !important;}
	.text-sm-left {text-align: left !important;}
	.text-sm-right {text-align: right !important;}
	.text-sm-center {text-align: center !important;}

	.d-sm-none {display: none !important;}
	.d-sm-inline {display: inline !important;}
	.d-sm-inline-block {display: inline-block !important;}
	.d-sm-block {display: block !important;}
	.d-sm-table {display: table !important;}
	.d-sm-table-row {display: table-row !important;}
	.d-sm-table-cell {display: table-cell !important;}
	.d-sm-flex {display: flex !important;}
	.d-sm-inline-flex {display: inline-flex !important;}

}

@media (min-width: 768px) {

	.d-md-none {display: none !important;}
	.d-md-inline {display: inline !important;}
	.d-md-inline-block {display: inline-block !important;}
	.d-md-block {display: block !important;}
	.d-md-table {display: table !important;}
	.d-md-table-row {display: table-row !important;}
	.d-md-table-cell {display: table-cell !important;}
	.d-md-flex {display: flex !important;}
	.d-md-inline-flex {display: inline-flex !important;}

	.float-md-left {float: left !important;}
	.float-md-right {float: right !important;}
	.float-md-none {float: none !important;}
	.text-md-left {text-align: left !important;}
	.text-md-right {text-align: right !important;}
	.text-md-center {text-align: center !important;}

	.m-mg0{margin:0px !important;}
	.m-mg2{margin:2px !important;}
	.m-mg3{margin:3px !important;}
	.m-mg4{margin:4px !important;}
	.m-mg5{margin:5px !important;}
	.m-mg10{margin:10px  !important;}
	.m-mg15{margin:15px  !important;}
	.m-mg20{margin:20px !important; }
	.m-mg30{margin:30px  !important;}
	.m-mg40{margin:40px  !important;}
	.m-mg50{margin:50px  !important;}
	.m-mg60{margin:60px  !important;}
	.m-mg70{margin:70px  !important;}
	.m-mg80{margin:80px  !important;}
	.m-mg90{margin:90px  !important;}
	.m-mg100{margin:100px  !important;}

	.m-mt0{margin-top:0px  !important;}
	.m-mt5{margin-top:5px  !important;}
	.m-mt10{margin-top:10px !important;}
	.m-mt15{margin-top:15px !important;}
	.m-mt20{margin-top:20px !important;}
	.m-mt30{margin-top:30px !important;}
	.m-mt40{margin-top:40px !important;}
	.m-mt50{margin-top:50px !important;}
	.m-mt60{margin-top:60px !important;}
	.m-mt70{margin-top:70px !important;}
	.m-mt80{margin-top:80px !important;}
	.m-mt90{margin-top:90px !important;}
	.m-mt100{margin-top:100px !important;}


	.m-ml0{margin-left:0 !important;}
	.m-ml5{margin-left:5 !important;}
	.m-ml10{margin-left:10px !important;}
	.m-ml15{margin-left:15px !important;}
	.m-ml20{margin-left:20px !important;}
	.m-ml30{margin-left:30px !important;}
	.m-ml40{margin-left:40px !important;}
	.m-ml50{margin-left:50px !important;}
	.m-ml60{margin-left:60px !important;}
	.m-ml70{margin-left:70px !important;}
	.m-ml80{margin-left:80px !important;}
	.m-ml90{margin-left:90px !important;}
	.m-ml100{margin-left:100px !important;}

	.m-mr0{margin-right:0 !important;}
	.m-mr5{margin-right:5 !important;}
	.m-mr10{margin-right:10px !important;}
	.m-mr15{margin-right:15px !important;}
	.m-mr20{margin-right:20px !important;}
	.m-mr30{margin-right:30px !important;}
	.m-mr40{margin-right:40px !important;}
	.m-mr50{margin-right:50px !important;}
	.m-mr60{margin-right:60px !important;}
	.m-mr70{margin-right:70px !important;}
	.m-mr80{margin-right:80px !important;}
	.m-mr80{margin-right:90px !important;}
	.m-mr100{margin-right:100px !important;}

	.m-mb0{margin-bottom:0px !important;}
	.m-mb5{margin-bottom:5px !important;}
	.m-mb10{margin-bottom:10px !important;}
	.m-mb15{margin-bottom:15px !important;}
	.m-mb20{margin-bottom:20px !important;}
	.m-mb30{margin-bottom:30px !important;}
	.m-mb40{margin-bottom:40px !important;}
	.m-mb50{margin-bottom:50px !important;}
	.m-mb60{margin-bottom:60px !important;}
	.m-mb70{margin-bottom:70px !important;}
	.m-mb80{margin-bottom:80px !important;}
	.m-mb90{margin-bottom:90px !important;}
	.m-mb100{margin-bottom:100px !important;}


	.m-pd0{padding:0px !important}
	.m-pd5{padding:5px !important}
	.m-pd10{padding:10px !important}
	.m-pd15{padding:15px !important}
	.m-pd20{padding:20px !important}
	.m-pd25{padding:25px !important}
	.m-pd30{padding:30px !important}
	.m-pd35{padding:35px !important}
	.m-pd40{padding:40px !important}
	.m-pd45{padding:45px !important}
	.m-pd50{padding:50px !important}
	.m-pd60{padding:60px !important}
	.m-pd70{padding:70px !important}
	.m-pd80{padding:80px !important}
	.m-pd90{padding:90px !important}
	.m-pd100{padding:100px !important}

	.m-pt0{padding-top:0px  !important}
	.m-pt5{padding-top:5px  !important}
	.m-pt10{padding-top:10px  !important}
	.m-pt15{padding-top:15px  !important}
	.m-pt20{padding-top:20px !important}
	.m-pt30{padding-top:30px !important}
	.m-pt40{padding-top:40px !important}
	.m-pt50{padding-top:50px !important}
	.m-pt60{padding-top:60px !important}
	.m-pt70{padding-top:70px !important}
	.m-pt80{padding-top:80px !important}
	.m-pt90{padding-top:90px !important}
	.m-pt100{padding-top:100px !important}
	.m-pt150{padding-top: 150px !important;}
	.m-pt200{padding-top: 200px !important;}
	.m-pt250{padding-top: 250px !important;}
	.m-pt300{padding-top: 300px !important;}


	.m-pb0{padding-bottom:0px !important}
	.m-pb5{padding-bottom:5px !important}
	.m-pb10{padding-bottom:10px !important}
	.m-pb15{padding-bottom:15px !important}
	.m-pb20{padding-bottom:20px !important}
	.m-pb30{padding-bottom:30px !important}
	.m-pb40{padding-bottom:40px !important}
	.m-pb50{padding-bottom:50px !important}
	.m-pb60{padding-bottom:60px !important}
	.m-pb70{padding-bottom:70px !important}
	.m-pb80{padding-bottom:80px !important}
	.m-pb90{padding-bottom:90px !important}

	.m-pb100 {padding-bottom: 100px !important;}
	.m-pb150 {padding-bottom: 150px !important;}
	.m-pb200 {padding-bottom: 200px !important;}
	.m-pb250 {padding-bottom: 250px !important;}
	.m-pb300 {padding-bottom: 300px !important;}

	.m-pl0{padding-left:0px !important}
	.m-pl10{padding-left:10px !important}
	.m-pl15{padding-left:15px !important}
	.m-pl20{padding-left:20px !important}
	.m-pl30{padding-left:30px !important}
	.m-pl40{padding-left:40px !important}
	.m-pl50{padding-left:50px !important}
	.m-pl60{padding-left:60px !important}
	.m-pl70{padding-left:70px !important}
	.m-pl80{padding-left:80px !important}
	.m-pl90{padding-left:90px !important}
	.m-pl100{padding-left:100px !important}

	.m-pr0{padding-right:0px !important}
	.m-pr5{padding-right:5px !important}
	.m-pr10{padding-right:10px !important}
	.m-pr15{padding-right:15px !important}
	.m-pr20{padding-right:20px !important}
	.m-pr30{padding-right:30px !important}
	.m-pr40{padding-right:40px !important}
	.m-pr50{padding-right:50px !important}
	.m-pr60{padding-right:60px !important}
	.m-pr70{padding-right:70px !important}
	.m-pr80{padding-right:80px !important}
	.m-pr90{padding-right:90px !important}
	.m-pr100{padding-right:100px !important}
}


@media (min-width: 992px) {
	.float-lg-left {float: left !important;}
	.float-lg-right {float: right !important;}
	.float-lg-none {float: none !important;}
	.text-lg-left {text-align: left !important;}
	.text-lg-right {text-align: right !important;}
	.text-lg-center {text-align: center !important;}

	.d-lg-none {display: none !important;}
	.d-lg-inline {display: inline !important;}
	.d-lg-inline-block {display: inline-block !important;}
	.d-lg-block {display: block !important;}
	.d-lg-table {display: table !important;}
	.d-lg-table-row {display: table-row !important;}
	.d-lg-table-cell {display: table-cell !important;}
	.d-lg-flex {display: flex !important;}
	.d-lg-inline-flex {display: inline-flex !important;}

}

@media (min-width: 1100px) {

	.d-xl-none {display: none !important;}
	.d-xl-inline {display: inline !important;}
	.d-xl-inline-block {display: inline-block !important;}
	.d-xl-block {display: block !important;}
	.d-xl-table {display: table !important;}
	.d-xl-table-row {display: table-row !important;}
	.d-xl-table-cell {display: table-cell !important;}
	.d-xl-flex {display: flex !important;}
	.d-xl-inline-flex {display: inline-flex !important;}

}

@media print {

	.d-print-none {display: none !important;}
	.d-print-inline {display: inline !important;}
	.d-print-inline-block {display: inline-block !important;}
	.d-print-block {display: block !important;}
	.d-print-table {display: table !important;}
	.d-print-table-row {display: table-row !important;}
	.d-print-table-cell {display: table-cell !important;}
	.d-print-flex {display: flex !important;}
	.d-print-inline-flex {display: inline-flex !important;}

}

@media (min-width: 1100px) {

	.text-xl-left {text-align: left !important}
	.text-xl-left {text-align: left !important;}
	.text-xl-right {text-align: right !important;}
	.text-xl-center {text-align: center !important;}

}





.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}


@media (min-width: 576px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-sm-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-sm-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-sm-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-sm-first {
		order: -1;
	}

	.order-sm-last {
		order: 13;
	}

	.order-sm-0 {
		order: 0;
	}

	.order-sm-1 {
		order: 1;
	}

	.order-sm-2 {
		order: 2;
	}

	.order-sm-3 {
		order: 3;
	}

	.order-sm-4 {
		order: 4;
	}

	.order-sm-5 {
		order: 5;
	}

	.order-sm-6 {
		order: 6;
	}

	.order-sm-7 {
		order: 7;
	}

	.order-sm-8 {
		order: 8;
	}

	.order-sm-9 {
		order: 9;
	}

	.order-sm-10 {
		order: 10;
	}

	.order-sm-11 {
		order: 11;
	}

	.order-sm-12 {
		order: 12;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.333333%;
	}

	.offset-sm-2 {
		margin-left: 16.666667%;
	}

  .offset-sm-3 {
	margin-left: 25%;
  }

  .offset-sm-4 {
	margin-left: 33.333333%;
  }

  .offset-sm-5 {
	margin-left: 41.666667%;
  }

  .offset-sm-6 {
	margin-left: 50%;
  }

  .offset-sm-7 {
	margin-left: 58.333333%;
  }

  .offset-sm-8 {
	margin-left: 66.666667%;
  }

  .offset-sm-9 {
	margin-left: 75%;
  }

  .offset-sm-10 {
	margin-left: 83.333333%;
  }

  .offset-sm-11 {
	margin-left: 91.666667%;
  }
}







@media (min-width: 768px) {
	  .col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	  }

	  .col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	  }

	  .col-md-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	  }

	  .col-md-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	  }

	  .col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	  }

	  .col-md-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	  }

	  .col-md-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	  }

	  .col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	  }

	  .col-md-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	  }

	  .col-md-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	  }

	  .col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	  }

	  .col-md-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	  }

	  .col-md-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	  }

	  .col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	  }

	  .order-md-first {
		order: -1;
	  }

	  .order-md-last {
		order: 13;
	  }

	  .order-md-0 {
		order: 0;
	  }

	  .order-md-1 {
		order: 1;
	  }

	  .order-md-2 {
		order: 2;
	  }

	  .order-md-3 {
		order: 3;
	  }

	  .order-md-4 {
		order: 4;
	  }

	  .order-md-5 {
		order: 5;
	  }

	  .order-md-6 {
		order: 6;
	  }

	  .order-md-7 {
		order: 7;
	  }

	  .order-md-8 {
		order: 8;
	  }

	  .order-md-9 {
		order: 9;
	  }

	  .order-md-10 {
		order: 10;
	  }

	  .order-md-11 {
		order: 11;
	  }

	  .order-md-12 {
		order: 12;
	  }

	  .offset-md-0 {
		margin-left: 0;
	  }

	  .offset-md-1 {
		margin-left: 8.333333%;
	  }

	  .offset-md-2 {
		margin-left: 16.666667%;
	  }

	  .offset-md-3 {
		margin-left: 25%;
	  }

	  .offset-md-4 {
		margin-left: 33.333333%;
	  }

	  .offset-md-5 {
		margin-left: 41.666667%;
	  }

	  .offset-md-6 {
		margin-left: 50%;
	  }

	  .offset-md-7 {
		margin-left: 58.333333%;
	  }

	  .offset-md-8 {
		margin-left: 66.666667%;
	  }

	  .offset-md-9 {
		margin-left: 75%;
	  }

	  .offset-md-10 {
		margin-left: 83.333333%;
	  }

	  .offset-md-11 {
		margin-left: 91.666667%;
	  }


}/*@media (min-width: 768px) */



@media (min-width: 992px) {
	  .col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	  }

	  .col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	  }

	  .col-lg-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	  }

	  .col-lg-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	  }

	  .col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	  }

	  .col-lg-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	  }

	  .col-lg-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	  }

	  .col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	  }

	  .col-lg-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	  }

	  .col-lg-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	  }

	  .col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	  }

	  .col-lg-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	  }

	  .col-lg-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	  }

	  .col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	  }

	  .order-lg-first {
		order: -1;
	  }

	  .order-lg-last {
		order: 13;
	  }

	  .order-lg-0 {
		order: 0;
	  }

	  .order-lg-1 {
		order: 1;
	  }

	  .order-lg-2 {
		order: 2;
	  }

	  .order-lg-3 {
		order: 3;
	  }

	  .order-lg-4 {
		order: 4;
	  }

	  .order-lg-5 {
		order: 5;
	  }

	  .order-lg-6 {
		order: 6;
	  }

	  .order-lg-7 {
		order: 7;
	  }

	  .order-lg-8 {
		order: 8;
	  }

	  .order-lg-9 {
		order: 9;
	  }

	  .order-lg-10 {
		order: 10;
	  }

	  .order-lg-11 {
		order: 11;
	  }

	  .order-lg-12 {
		order: 12;
	  }

	  .offset-lg-0 {
		margin-left: 0;
	  }

	  .offset-lg-1 {
		margin-left: 8.333333%;
	  }

	  .offset-lg-2 {
		margin-left: 16.666667%;
	  }

	  .offset-lg-3 {
		margin-left: 25%;
	  }

	  .offset-lg-4 {
		margin-left: 33.333333%;
	  }

	  .offset-lg-5 {
		margin-left: 41.666667%;
	  }

	  .offset-lg-6 {
		margin-left: 50%;
	  }

	  .offset-lg-7 {
		margin-left: 58.333333%;
	  }

	  .offset-lg-8 {
		margin-left: 66.666667%;
	  }

	  .offset-lg-9 {
		margin-left: 75%;
	  }

	  .offset-lg-10 {
		margin-left: 83.333333%;
	  }

	  .offset-lg-11 {
		margin-left: 91.666667%;
	  }

} /*@media (min-width: 992px) {*/



@media (min-width: 1200px) {

	.col-xl {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	}

	.col-xl-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	}

	.col-xl-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
	}

	.col-xl-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
	}

	.col-xl-3 {
	flex: 0 0 25%;
	max-width: 25%;
	}

	.col-xl-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	}

	.col-xl-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
	}

	.col-xl-6 {
	flex: 0 0 50%;
	max-width: 50%;
	}

	.col-xl-7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
	}

	.col-xl-8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
	}

	.col-xl-9 {
	flex: 0 0 75%;
	max-width: 75%;
	}

	.col-xl-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
	}

	.col-xl-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
	}

	.col-xl-12 {
	flex: 0 0 100%;
	max-width: 100%;
	}

	.order-xl-first {
	order: -1;
	}

	.order-xl-last {
	order: 13;
	}

	.order-xl-0 {
	order: 0;
	}

	.order-xl-1 {
	order: 1;
	}

	.order-xl-2 {
	order: 2;
	}

	.order-xl-3 {
	order: 3;
	}

	.order-xl-4 {
	order: 4;
	}

	.order-xl-5 {
	order: 5;
	}

	.order-xl-6 {
	order: 6;
	}

	.order-xl-7 {
	order: 7;
	}

	.order-xl-8 {
	order: 8;
	}

	.order-xl-9 {
	order: 9;
	}

	.order-xl-10 {
	order: 10;
	}

	.order-xl-11 {
	order: 11;
	}

	.order-xl-12 {
	order: 12;
	}

	.offset-xl-0 {
	margin-left: 0;
	}

	.offset-xl-1 {
	margin-left: 8.333333%;
	}

	.offset-xl-2 {
	margin-left: 16.666667%;
	}

	.offset-xl-3 {
	margin-left: 25%;
	}

	.offset-xl-4 {
	margin-left: 33.333333%;
	}

	.offset-xl-5 {
	margin-left: 41.666667%;
	}

	.offset-xl-6 {
	margin-left: 50%;
	}

	.offset-xl-7 {
	margin-left: 58.333333%;
	}

	.offset-xl-8 {
	margin-left: 66.666667%;
	}

	.offset-xl-9 {
	margin-left: 75%;
	}

	.offset-xl-10 {
	margin-left: 83.333333%;
	}

	.offset-xl-11 {
	margin-left: 91.666667%;
	}

} /*@media (min-width: 1200px) */


.ui-datepicker-year, .ui-datepicker-month{height:30px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top:-5px !important;}


.datepicker {
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 20px 22px;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid white;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  user-select: none;
}

.datepicker table tr td {
  border-radius: 50%;
}

.datepicker table tr th {
  border-radius: 0.375rem;
  font-weight: 500;
}

.datepicker table tr td,
.datepicker table tr th {
  transition: all 0.15s ease;
  width: 36px;
  height: 36px;
  border: none;
  text-align: center;
  font-size: 0.875rem;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #adb5bd;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: white;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #dee2e6;
  cursor: default;
}

.datepicker table tr td.highlighted {
  border-radius: 0;
}

.datepicker table tr td.highlighted.focused {
  background: #5e72e4;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #5e72e4;
  color: #ced4da;
}

.datepicker table tr td.today {
  background: white;
}

.datepicker table tr td.today.focused {
  background: white;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: white;
  color: #8898aa;
}

.datepicker table tr td.range {
  background: #5e72e4;
  color: #fff;
  border-radius: 0;
}

.datepicker table tr td.range.focused {
  background: #3b53de;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range.day.disabled:hover {
  background: #324cdd;
  color: #8a98eb;
}

.datepicker table tr td.range.highlighted.focused {
  background: #cbd3da;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e9ecef;
  color: #dee2e6;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #5e72e4;
  color: #fff;
}

.datepicker table tr td.day.range-start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.datepicker table tr td.day.range-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.datepicker table tr td.day.range-start.range-end {
  border-radius: 50%;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.day.range:hover {
  background: #5e72e4;
  color: #fff;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background: #5e72e4;
  color: #fff;
  box-shadow: none;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #e9ecef;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #dee2e6;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #8898aa;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #e9ecef;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}


img {
  vertical-align: middle;
  border-style: none;
}


button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}


progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto;}


[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}



@media (min-width: 576px) {

  .container {
	max-width: 540px;
	padding-right: 15px;
	  padding-left: 15px;
	  margin-right: auto;
	  margin-left: auto;
  }

}

@media (min-width: 768px) {
  .container {
	max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
	max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
	max-width: 1040px;
  }
}



@media screen and (hover: none) and (pointer: coarse) {
 /*모바일에서만 실행하는 코드*/
}



.form-control {
  display: inline-block;
  /*height: calc(1.5em + 1.25rem + 2px);*/
  /*padding: 0.625rem 0.75rem;*/
  /*font-size: 0.875rem;*/
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cad1d7;
  /*border-radius: 0.25rem;*/
  box-shadow: none;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
	  .form-control {
		transition: none;
	  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  background-color: #fff;
  border-color:#238bcd;
  outline: 0;
  box-shadow: none, none;
}

.form-control::placeholder {
  color: #adb5bd;
  opacity: 1;
  font-size:13px;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #efefef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #8898aa;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.625rem + 1px);
  padding-bottom: calc(0.625rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.875rem + 1px);
  padding-bottom: calc(0.875rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.75rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #525f7f;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1.75rem + 2px);
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled~.form-check-label {
  color: #8898aa;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #2dce89;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(45, 206, 137, 0.9);
  border-radius: 0.25rem;
}




.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
  }

  .form-inline .form-group {
	display: flex;
	flex: 0 0 auto;
	flex-flow: row wrap;
	align-items: center;
	margin-bottom: 0;
  }

  .form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
	display: inline-block;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
	width: auto;
  }

  .form-inline .form-check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	padding-left: 0;
  }

  .form-inline .form-check-input {
	position: relative;
	flex-shrink: 0;
	margin-top: 0;
	margin-right: 0.25rem;
	margin-left: 0;
  }

  .form-inline .custom-control {
	align-items: center;
	justify-content: center;
  }

  .form-inline .custom-control-label {
	margin-bottom: 0;
  }
}




/*버튼*/

@media (prefers-reduced-motion: reduce) {
  .btn {
	transition: none;
  }
}

.btn:hover {
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
  box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-pink {
  color: #fff !important;;
  background-color: #ff66cc !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.btn-pink:hover {
  color: #fff !important;;
  background-color: #ff3399 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-purple {
  color: #fff !important;;
  background-color: #9900cc !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.btn-purple:hover {
  color: #fff !important;;
  background-color: #cc0099 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.btn-blue {
  color: #fff !important;;
  background-color: #0066cc !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.btn-blue:hover {
  color: #fff !important;;
  background-color: #006699 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}



.btn-primary {
  color: #fff !important;;
  background-color: #5e72e4 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-primary:hover {
  color: #fff !important;;
  background-color: #3d55df !important;;
}


.btn-green {
  color: #fff !important;;
  background-color: #4caf50 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.btn-green:hover {
  color: #fff !important;;
  background-color: #009933 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(118, 135, 232, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #5e72e4;
  border-color: #5e72e4;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #324cdd;
  border-color: #2742db;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(118, 135, 232, 0.5);
}

.btn-secondary {
  color: #212529 !important;;
  background-color: #f4f5f7 !important;;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-secondary:hover {
  color: #212529 !important;;
  background-color: #dee1e7 !important;
}

.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(212, 214, 216, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #212529 !important;
  background-color: #f4f5f7 !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
  color: #212529 !important;
  background-color: #d6dae2 !important;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(212, 214, 216, 0.5);
}

.btn-success {
  color: #fff !important;
  background-color: #2dce89 !important;
  border-color: #2dce89 !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-success:hover {
  color: #fff !important;
  background-color: #26af74 !important;
}

.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(77, 213, 155, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff !important;
  background-color: #2dce89 !important;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  color: #fff !important;
  background-color: #24a46d !important;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(77, 213, 155, 0.5);
}

.btn-info {
  color: #fff !important;
  background-color: #11cdef !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-info:hover {
  color: #fff !important;
  background-color: #0eafcc !important;
}

.btn-info:focus,
.btn-info.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(53, 213, 241, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff !important;
  background-color: #11cdef !important;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  color: #fff !important;
  background-color: #0da5c0 !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(53, 213, 241, 0.5);
}

.btn-warning {
  color: #fff !important;
  background-color: #fb6340 !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-warning:hover {
  color: #fff !important;
  background-color: #fa441b !important;
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(252, 122, 93, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #fff !important;
  background-color: #fb6340 !important;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
  color: #fff !important;
  background-color: #fa3a0e !important;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(252, 122, 93, 0.5);
}

.btn-danger{background-color:#e7374c;color:#fff}

.btn-danger:hover {
  color: #fff !important;
  background-color: #d53455 !important;
}

.btn-danger:focus,
.btn-danger.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(247, 84, 116, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff !important;
  background-color: #f5365c !important;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
  color: #fff !important;
  background-color: #ec0c38 !important;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(247, 84, 116, 0.5);
}

.btn-light {
  color: #fff !important;
  background-color: #adb5bd !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-light:hover {
  color: #fff !important;
  background-color: #98a2ac !important;
}

.btn-light:focus,
.btn-light.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(185, 192, 199, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #fff !important;
  background-color: #adb5bd !important;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
  color: #fff !important;
  background-color: #919ca6 !important;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(185, 192, 199, 0.5);
}

.btn-dark {
  color: #fff !important;
  background-color: #212529 !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-dark:hover {
  color: #fff !important;
  background-color: #101214 !important;
}

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(66, 70, 73, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff !important;
  background-color: #212529 !important;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
  color: #fff !important;
  background-color: #0a0c0d !important;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(66, 70, 73, 0.5);
}

.btn-default {
  color: #fff !important;
  background-color: #172b4d !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-default:hover {
  color: #fff !important;
  background-color: #0e1b30 !important;
}

.btn-default:focus,
.btn-default.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(58, 75, 104, 0.5);
}

.btn-default.disabled,
.btn-default:disabled {
  color: #fff !important;
  background-color: #172b4d !important;
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show>.btn-default.dropdown-toggle {
  color: #fff !important;
  background-color: #0b1526 !important;
}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show>.btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 75, 104, 0.5);
}

.btn-white {
  color: #212529 !important;
  background-color: #fff !important;
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-white:hover {
  color: #212529 !important;
  background-color: #ececec !important;
}

.btn-white:focus,
.btn-white.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(222, 222, 223, 0.5);
}

.btn-white.disabled,
.btn-white:disabled {
  color: #212529 !important;
  background-color: #fff !important;
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show>.btn-white.dropdown-toggle {
  color: #212529 !important;
  background-color: #e6e6e6 !important;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show>.btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5);
}

.btn-neutral {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-neutral:hover {
  color: #212529 !important;
  background-color: #ececec !important;
}

.btn-neutral:focus,
.btn-neutral.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(222, 222, 223, 0.5);
}

.btn-neutral.disabled,
.btn-neutral:disabled {
  color: #212529 !important;
  background-color: #fff !important;
}

.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.show>.btn-neutral.dropdown-toggle {
  color: #212529 !important;
  background-color: #e6e6e6 !important;
}

.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.show>.btn-neutral.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5);
}

.btn-darker {
  color: #fff !important;
  background-color: black !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-darker:hover {
  color: #fff !important;
  background-color: black !important;
}

.btn-darker:focus,
.btn-darker.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(38, 38, 38, 0.5);
}

.btn-darker.disabled,
.btn-darker:disabled {
  color: #fff !important;
  background-color: black !important;
}

.btn-darker:not(:disabled):not(.disabled):active,
.btn-darker:not(:disabled):not(.disabled).active,
.show>.btn-darker.dropdown-toggle {
  color: #fff !important;
  background-color: black !important;
}

.btn-darker:not(:disabled):not(.disabled):active:focus,
.btn-darker:not(:disabled):not(.disabled).active:focus,
.show>.btn-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5);
}

.btn-outline-primary {
  color: #5e72e4 !important;
  border-color: #5e72e4 !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #5e72e4 !important;
  border-color: #5e72e4 !important;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #5e72e4 !important;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #5e72e4 !important;
  border-color: #5e72e4 !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
}

.btn-outline-secondary {
  color: #f4f5f7 !important;
  border-color: #f4f5f7 !important;
}

.btn-outline-secondary:hover {
  color: #212529 !important;
  background-color: #f4f5f7 !important;
  border-color: #f4f5f7 !important;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #f4f5f7 !important;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #212529 !important;
  background-color: #f4f5f7 !important;
  border-color: #f4f5f7 !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5);
}

.btn-outline-success {
  color: #2dce89 !important;
  border-color: #2dce89 !important;
}

.btn-outline-success:hover {
  color: #fff !important;
  background-color: #2dce89 !important;
  border-color: #2dce89 !important;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #2dce89 !important;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff !important;
  background-color: #2dce89 !important;
  border-color: #2dce89 !important;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);
}

.btn-outline-info {
  color: #11cdef !important;
  border-color: #11cdef !important;
}

.btn-outline-info:hover {
  color: #fff !important;
  background-color: #11cdef !important;
  border-color: #11cdef !important;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #11cdef !important;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
  color: #fff !important;
  background-color: #11cdef !important;
  border-color: #11cdef !important;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);
}

.btn-outline-warning {
  color: #fb6340 !important;
  border-color: #fb6340 !important;
}

.btn-outline-warning:hover {
  color: #fff !important;
  background-color: #fb6340 !important;
  border-color: #fb6340 !important;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #fb6340 !important;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #fff !important;
  background-color: #fb6340 !important;
  border-color: #fb6340 !important;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);
}

.btn-outline-danger {
  color: #f5365c !important;
  border-color: #f5365c !important;
}

.btn-outline-danger:hover {
  color: #fff !important;
  background-color: #f5365c !important;
  border-color: #f5365c !important;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #f5365c !important;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff !important;
  background-color: #f5365c !important;
  border-color: #f5365c !important;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);
}

.btn-outline-light {
  color: #adb5bd !important;
  border-color: #adb5bd !important;
}

.btn-outline-light:hover {
  color: #fff !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #adb5bd !important;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
  color: #fff !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}

.btn-outline-dark {
  color: #212529 !important;
  border-color: #212529 !important;
}

.btn-outline-dark:hover {
  color: #fff !important;
  background-color: #212529 !important;
  border-color: #212529 !important;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #212529 !important;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff !important;
  background-color: #212529 !important;
  border-color: #212529 !important;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}

.btn-outline-default {
  color: #172b4d !important;
  border-color: #172b4d !important;
}

.btn-outline-default:hover {
  color: #fff !important;
  background-color: #172b4d !important;
  border-color: #172b4d !important;
}

.btn-outline-default:focus,
.btn-outline-default.focus {
  box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5);
}

.btn-outline-default.disabled,
.btn-outline-default:disabled {
  color: #172b4d !important;
  background-color: transparent;
}

.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.show>.btn-outline-default.dropdown-toggle {
  color: #fff !important;
  background-color: #172b4d !important;
  border-color: #172b4d !important;
}

.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5);
}

.btn-outline-white {
  color: #fff !important;
  border-color: #fff !important;
}

.btn-outline-white:hover {
  color: #212529 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}

.btn-outline-white:focus,
.btn-outline-white.focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
  color: #fff !important;
  background-color: transparent;
}

.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show>.btn-outline-white.dropdown-toggle {
  color: #212529 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.btn-outline-neutral {
  color: #fff !important;
  border-color: #fff !important;
}

.btn-outline-neutral:hover {
  color: #212529 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}

.btn-outline-neutral:focus,
.btn-outline-neutral.focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.btn-outline-neutral.disabled,
.btn-outline-neutral:disabled {
  color: #fff !important;
  background-color: transparent;
}

.btn-outline-neutral:not(:disabled):not(.disabled):active,
.btn-outline-neutral:not(:disabled):not(.disabled).active,
.show>.btn-outline-neutral.dropdown-toggle {
  color: #212529 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}

.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
.btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-neutral.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.btn-outline-darker {
  color: black !important;
  border-color: black !important;
}

.btn-outline-darker:hover {
  color: #fff !important;
  background-color: black !important;
  border-color: black;
}

.btn-outline-darker:focus,
.btn-outline-darker.focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.btn-outline-darker.disabled,
.btn-outline-darker:disabled {
  color: black !important;
  background-color: transparent;
}

.btn-outline-darker:not(:disabled):not(.disabled):active,
.btn-outline-darker:not(:disabled):not(.disabled).active,
.show>.btn-outline-darker.dropdown-toggle {
  color: #fff !important;
  background-color: black !important;
  border-color: black !important;
}

.btn-outline-darker:not(:disabled):not(.disabled):active:focus,
.btn-outline-darker:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #0066cc !important;
  text-decoration: none;
}

.btn-link:hover {
  color: #233dd2 !important;
  text-decoration: none;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: none;
  box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #8898aa !important;
  pointer-events: none;
}


.btn-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.btn-block {
  display: block !important;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}



.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
	transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}




@media print {

	  *,
	  *::before,
	  *::after {
		text-shadow: none !important;
		box-shadow: none !important;
	  }

		a {
		text-decoration: underline;
	  }


	  thead {
		display: table-header-group;
	  }

	  tr,
	  img {
		page-break-inside: avoid;
	  }

	  p,
	  h2,
	  h3 {
		orphans: 3;
		widows: 3;
	  }

	  h2,
	  h3 {
		page-break-after: avoid;
	  }


	/*프린트 레이아웃(가로세로 출력 설정 노출 안되게 설정*/
	/*@page {size: a4;}*/


	  body {
		min-width: 992px !important;
	  }

	  .container {
		min-width: 992px !important;
	  }

	  .navbar {
		display: none;
	  }

	  .badge {
		border: 0.0625rem solid #000;
	  }

	  .table {
		border-collapse: collapse !important;
	  }

	  .table-dark {
		color: inherit;
	  }

	  .table-dark th,
	  .table-dark td,
	  .table-dark thead th,
	  .table-dark tbody+tbody {
		border-color: #dee2e6;
	  }

	  .table .thead-dark th {
		color: inherit;
		border-color: #dee2e6;
	  }


}






iframe {border: 0;}


.blur--hover {position: relative;}

.blur--hover .blur-item {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
  filter: blur(0);
  opacity: 1;
}

.blur--hover .blur-hidden {
  position: absolute;
  top: calc(50% + 7px);
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.15s ease;
  z-index: 100;
}

.blur--hover:hover .blur-item {
  opacity: .8;
  filter: blur(10px);
  transform: scale(0.95);
  z-index: 1;
}

.blur--hover:hover .blur-hidden {
  opacity: 1;
  top: 50%;
}


.badge {
  display: inline-block;
  padding: 0.35rem 0.375rem;
  font-size: 80%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  min-width: 55px;
}


@media (prefers-reduced-motion: reduce) {
  .badge {
	transition: none;
  }
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.875em;
  padding-left: 0.875em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff !important;
  background-color: #5e72e4;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff !important;
  background-color: #324cdd;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
}

.badge-secondary {
  color: #212529;
  background-color: #f4f5f7;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #212529;
  background-color: #d6dae2;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5);
}

.badge-success {
  color: #fff !important;
  background-color: #2dce89;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff !important;
  background-color: #24a46d;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);
}

.badge-info {
  color: #fff !important;
  background-color: #11cdef;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff !important;
  background-color: #0da5c0;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);
}

.badge-warning {
  color: #fff !important;
  background-color: #fb6340;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #fff !important;
  background-color: #fa3a0e;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);
}

.badge-danger {
  color: #fff !important;
  background-color: #f5365c;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff !important;
  background-color: #ec0c38;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);
}

.badge-light {
  color: #fff !important;
  background-color: #adb5bd;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #fff !important;
  background-color: #919ca6;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}

.badge-dark {
  color: #fff !important;
  background-color: #212529;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff !important;
  background-color: #0a0c0d;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}

.badge-default {
  color: #fff !important;
  background-color: #172b4d;
}

a.badge-default:hover,
a.badge-default:focus {
  color: #fff !important;
  background-color: #0b1526;
}

a.badge-default:focus,
a.badge-default.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5);
}

.badge-white {
  color: #212529;
  background-color: #fff;
}

a.badge-white:hover,
a.badge-white:focus {
  color: #212529;
  background-color: #e6e6e6;
}

a.badge-white:focus,
a.badge-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.badge-neutral {
  color: #212529;
  background-color: #fff;
}

a.badge-neutral:hover,
a.badge-neutral:focus {
  color: #212529;
  background-color: #e6e6e6;
}

a.badge-neutral:focus,
a.badge-neutral.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.badge-darker {
  color: #fff !important;
  background-color: black;
}

a.badge-darker:hover,
a.badge-darker:focus {
  color: #fff !important;
  background-color: black;
}

a.badge-darker:focus,
a.badge-darker.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}







.section-primary {
  background-color: #fff !important;
}

a.section-primary:hover,
a.section-primary:focus,
button.section-primary:hover,
button.section-primary:focus {
  background-color: #e6e6e6 !important;
}

.section-secondary {
  background-color: #f4f5f7 !important;
}

a.section-secondary:hover,
a.section-secondary:focus,
button.section-secondary:hover,
button.section-secondary:focus {
  background-color: #d6dae2 !important;
}

.section-light {
  background-color: #ced4da !important;
}

a.section-light:hover,
a.section-light:focus,
button.section-light:hover,
button.section-light:focus {
  background-color: #b1bbc4 !important;
}

.section-dark {
  background-color: #212529 !important;
}

a.section-dark:hover,
a.section-dark:focus,
button.section-dark:hover,
button.section-dark:focus {
  background-color: #0a0c0d !important;
}

.section-darker {
  background-color: black !important;
}





.row.row-grid>[class*="col-"]+[class*="col-"] {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  .row.row-grid>[class*="col-lg-"]+[class*="col-lg-"] {
	margin-top: 0;
  }
}

@media (min-width: 768px) {
  .row.row-grid>[class*="col-md-"]+[class*="col-md-"] {
	margin-top: 0;
  }
}

@media (min-width: 576px) {
  .row.row-grid>[class*="col-sm-"]+[class*="col-sm-"] {
	margin-top: 0;
  }
}

.row-grid+.row-grid {
  margin-top: 3rem;
}

@media (min-width: 992px) {

  [class*="mt--"],
  [class*="mr--"],
  [class*="mb--"],
  [class*="ml--"] {
	position: relative;
	z-index: 5;
  }
}

[class*="shadow"] {
  transition: all 0.15s ease;
}

.shadow-sm--hover:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow--hover:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}

.shadow-lg--hover:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none--hover:hover {
  box-shadow: none !important;
}






/* Form controls */
.form-control {
  transition: all 0.15s ease;
}

.form-control:focus::placeholder {
  color: #adb5bd;
}

.form-control.is-valid,
.form-control.is-invalid {
  background-image: none;
}

/* Textareas */
textarea[resize="none"] {
  resize: none !important;
}

textarea[resize="both"] {
  resize: both !important;
}

textarea[resize="vertical"] {
  resize: vertical !important;
}

textarea[resize="horizontal"] {
  resize: horizontal !important;
}



/*토글체크박스 */
.tgl {display: none;}
.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
box-sizing: border-box;
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl+.tgl-btn::-moz-selection {
background: none;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
background: none;
}

.tgl+.tgl-btn {
outline: 0;
display: block;
width: 50px; /* 전체 가로사이즈 */
height: 25px; /* 전체 세로사이즈 */
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}

.tgl+.tgl-btn:after {
left: 0;
}

.tgl+.tgl-btn:before {
display: none;
}

.tgl:checked+.tgl-btn:after {
left: 50%;
}

.tgl-ios+.tgl-btn {
background: #ccc; /* 체크전 백그라운드 컬러 */
border-radius: 2em;
padding: 2px;
transition: all .4s ease;
border: 1px solid #e8eae9;
}

.tgl-ios+.tgl-btn:after {
border-radius: 2em;
background: #fff; /* 버튼컬러 */
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.tgl-ios+.tgl-btn:hover:after {
will-change: padding;
}

.tgl-ios+.tgl-btn:active {
box-shadow: inset 0 0 0 2em #e8eae9;
}

.tgl-ios+.tgl-btn:active:after {
padding-right: .8em;
}

.tgl-ios:checked+.tgl-btn {
background: #0099ff; /* 체크후 백그라운드 컬러 */
}

.tgl-ios:checked+.tgl-btn:active {
box-shadow: none;
}

.tgl-ios:checked+.tgl-btn:active:after {
margin-left: -.8em;
}




/*좋아요 버튼*/
.bo_v_act_out{text-align:center;background:url("/theme/basic/img/like_up.png") center center no-repeat !important;border:0px !important; width:100px;height:150px;font-size:11pt;color:#fff;    margin: 30px auto;}
.bo_v_act_out strong{color:#fff !important;}
.bo_v_act_out .vt_out_cnt{padding:48px 0}

#good_button{background:url("/theme/basic/img/like_up.png") center center no-repeat !important;border:0px !important; width:100px;height:150px;font-size:11pt;color:#fff}
#good_button strong{color:#fff !important;}
#good_button .vt_cnt{padding:48px 0}


/* datepicker style 22023년 3월 6일 월요일 */
#ui-datepicker-div {z-index:999999 !important; background: #fff; margin: 5px 0 0 0;  box-shadow: 10px 10px 40px rgb(0 0 0 / 10%); border: 1px solid #e4e4e4;display: none;}
#ui-datepicker-div .ui-datepicker-header { position: relative; margin-left: 20px; margin-right: 20px;margin-top: 40px;}
#ui-datepicker-div .ui-datepicker-prev { position: absolute; display: inline-block; font-size: 12px; top: -26px; left: 0; cursor:pointer}
#ui-datepicker-div .ui-datepicker-next { position: absolute; display: inline-block; font-size: 12px; top: -26px; right: 0; cursor:pointer}
#ui-datepicker-div .ui-datepicker-title { position: relative; clear: both; margin-top: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
#ui-datepicker-div .ui-datepicker-title select { height: auto; width: calc( 50% - 15px); min-width: 90px; padding: 4px 12px; border-radius: 0; }
#ui-datepicker-div .ui-datepicker-calendar { margin-left: 20px; margin-right: 20px; width:auto !important;}
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar td { width: 35px; height: 35px; text-align: center; line-height: 35px;font-size: 14px !important;border-radius:50px}
#ui-datepicker-div .ui-datepicker-calendar th:first-child > span,
#ui-datepicker-div .ui-datepicker-calendar td:first-child > a { color: #dc3545; }
#ui-datepicker-div .ui-datepicker-calendar th:last-child > span,
#ui-datepicker-div .ui-datepicker-calendar td:last-child > a { color: #007bff; }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active { padding: 0px; background: #5e72e4; color: #fff; font-weight: 600; width: 100%; display: inline-block; border-radius: 50px;}
#ui-datepicker-div .ui-datepicker-buttonpane { margin-top: 10px; display: flex; }
#ui-datepicker-div .ui-datepicker-buttonpane > button { flex: 1 1 50%; max-width: 50%; text-align: center; padding: .375rem; }
#ui-datepicker-div .ui-datepicker-buttonpane > button:first-child { order: 1; background: #dc3545; color: #fff; border:0px !important}
#ui-datepicker-div .ui-datepicker-buttonpane > button:last-child  { order: 2; border:0px !important}
#ui-datepicker-div .ui-datepicker-today{background:#009688;font-size:13px !important;border-radius:50px}
#ui-datepicker-div .ui-datepicker-today a{color:#fff !important;cursor:pointer;}
#ui-datepicker-div .ui-state-disabled{color:#bfbfbf}
#ui-datepicker-div .ui-datepicker-current-day{background:#5e72e4;}