@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: local('SUIT Thin'), url('../fonts/SUIT-Thin.woff2') format('woff2'), url('../fonts/SUIT-Thin.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: local('SUIT ExtraLight'), url('../fonts/SUIT-ExtraLight.woff2') format('woff2'), url('../fonts/SUIT-ExtraLight.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: local('SUIT Light'), url('../fonts/SUIT-Light.woff2') format('woff2'), url('../fonts/SUIT-Light.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: local('SUIT Regular'), url('../fonts/SUIT-Regular.woff2') format('woff2'), url('../fonts/SUIT-Regular.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: local('SUIT Medium'), url('../fonts/SUIT-Medium.woff2') format('woff2'), url('../fonts/SUIT-Medium.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: local('SUIT SemiBold'), url('../fonts/SUIT-SemiBold.woff2') format('woff2'), url('../fonts/SUIT-SemiBold.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: local('SUIT Bold'), url('../fonts/SUIT-Bold.woff2') format('woff2'), url('../fonts/SUIT-Bold.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: local('SUIT ExtraBold'), url('../fonts/SUIT-ExtraBold.woff2') format('woff2'), url('../fonts/SUIT-ExtraBold.otf') format('opentype');;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: local('SUIT Heavy'), url('../fonts/SUIT-Heavy.woff2') format('woff2'), url('../fonts/SUIT-Heavy.otf') format('opentype');;
}
/*font*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/NotoSans-Light.eot');
	src: url('../fonts/NotoSans-Light.woff2') format('woff2'), url('../fonts/NotoSans-Light.woff') format('woff'), url('../fonts/NotoSans-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSans-Regular.eot');
	src: url('../fonts/NotoSans-Regular.woff2') format('woff2'), url('../fonts/NotoSans-Regular.woff') format('woff'), url('../fonts/NotoSans-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSans-Medium.eot');
	src: url('../fonts/NotoSans-Medium.woff2') format('woff2'), url('/fonts/NotoSans-Medium.woff') format('woff'), url('../fonts/NotoSans-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/NotoSans-Bold.eot');
	src: url('../fonts/NotoSans-Bold.woff2') format('woff2'), url('../fonts/NotoSans-Bold.woff') format('woff'), url('../fonts/NotoSans-Bold.otf') format('opentype');
}


@font-face {
    font-family: 'Play';
	src: url('../fonts/Play-Regular.eot');
	src: url('../fonts/Play-Regular.woff2') format('woff2'), url('/fonts/Play-Regular.woff') format('woff'), url('../fonts/Play-Regular.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Play';
	src: url('../fonts/Play-Bold.eot');
	src: url('../fonts/Play-Bold.woff2') format('woff2'), url('../fonts/Play-Bold.woff') format('woff'), url('../fonts/Play-Bold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;700;500;600;900&display=swap');


:root{
  --font-family:'SUIT', 'Noto Sans KR', 'Arial', Dotum, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
/* common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, td, video, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a:focus {border:0}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
p{word-break:keep-all}
table {width:100%;font-weight:400;border-spacing:0}
.wrap {width:1300px;margin:0 auto;position:relative;}
.page {width: 100%;box-sizing: border-box;float: left;overflow-x: hidden;overflow-y: auto;}
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html {
    font-size: 16px;
    height: 100%;
    width: 100%;
    direction: ltr;
}
ul, li, ol {list-style:none;margin:0;padding:0}
body {
  margin: 0px;
  padding: 0px;
  background: #ffffff;
  font-family: 'SUIT', 'Noto Sans KR', 'Arial', Dotum, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  height: 100%;
  position: relative;
}

.container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

a {
  text-decoration: none;
}

p {
  /* margin-bottom: 1.5em; */
  /* line-height: 100%; */
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.66em;
}

#banner {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  background-color: #111111;
  color: rgba(255, 255, 255, 0.5);
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0;
  display: -ms-flexbox;
  height: 24rem !important;
  min-height: 24rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }

#header {width:100%;float:left;}
.head-inner {width:100%;float:left;position:relative;}
.header {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background: #fff;
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
#tnb {display:none;}
header h2
{
  letter-spacing: -2px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2em;
  color: #323338;
}

th {
  text-align: inherit;
}

/* .homepage #header {
  padding: 10em 0em;
} */

#page {
    padding: 2em 20px;
    background: #FFF;
    justify-content: center;
    /* min-height: 100%; */
    box-sizing: border-box;
    width: 100%;
}

#page-single {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10rem 0;
}

#page-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5rem 0 1.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#footer {
  padding: 3em 0em;
}

.print_page {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0;
}
.print_halft_page {
  background: white;
  width: 21cm;
  height: 14.8cm;
  display: block;
  margin: 0;
}
@media print {
  html, body .print_page {
    width: 210mm;
    height: 297mm;
    margin: 0;
    box-shadow: 0;
    }

  html, body .print_halft_page {
    width: 210mm;
    height: 148mm;
    margin: 0;
    box-shadow: 0;
    }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.row > * {
  padding-left: 40px;
}

.row > * {
  float:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}

.row:after {
  content:'';
  display:block;
  clear:both;
  height:0
}

.row:first-child > * {
  padding-top:0 !important;
}

#sidebar1 > header
{
  border-bottom: thin solid #8c8c8c;
}

#sidebar1 > header > h2,
#box2 > header > h2
{
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.5em;
  color: #323338;
}

#sidebar2 > header > h2
{
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2em;
  color: #323338;
}

#content header h2
{
  line-height: 1.2em;
  font-size: 3em;
}

#box2 header
{
    border-bottom: thin solid #8c8c8c;
}

*::before,
*::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

.o-auto {
  overflow: auto !important;
}

.o-hidden {
  overflow: hidden !important;
}
.sms_guide {
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 12px;
    font-size: 13px;
}
/*********************************************************************************/
/* Image                                                                         */
/*********************************************************************************/
.image img {display: block;width: 100%;}

.video .image.fit img {display: block;margin: 0 0 0.5em 0;width: 100%;}

/*********************************************************************************/
/* Image                                                                         */
/*********************************************************************************/
.video {overflow: hidden;position: relative;}
.image.fit .arrow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.image.fit .arrow:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;/* Adjusts for spacing */}
.image.fit .arrow .icon {-moz-transition: color 1s ease-in-out;-webkit-transition: color 1s ease-in-out;-ms-transition: color 1s ease-in-out;transition: color 1s ease-in-out;display: inline-block;vertical-align: middle;font-size: 3em;color: rgba(255, 255, 255, 0.8) !important;}
.video .caption {color: #c0c5c9;padding: 1.5em;font-size: 1.25em;font-weight: 300;margin: 0;}
.video .link {position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;}
.video .link span {display: none;}
#menu_container {clear: both;width: 100%;float: left;}
#single_dropdown {height: 104px;text-align:right;}
#single_dropdown #main_menu ul { display: none; z-index: 99; background: #004275; border-radius:3px;position: absolute; /* border:#bcbcbc 1px solid; */ /* border-top: none; */ left: 0; top: 95px; padding-bottom: 20px; z-index:99;padding-top: 10px; ; background-image: none;width:100%; }
#single_dropdown #main_menu ul li { float: none; display: block; }
#single_dropdown #main_menu ul li a {display: block; color: #FFF; font-size: 15px;font-weight: normal;  /*text-align: left;  background: url(images/menu_bullet.gif) 10px 15px no-repeat !important; *//* border-bottom: none;   padding-left: 20px; */ padding: 8px 0 8px 8px; border-bottom: 1px solid #2d62bc; margin: 0 10px; text-align: left; }
#single_dropdown #main_menu ul li:first-child a { border-top: none; }
#single_dropdown #main_menu ul li:last-child a { border-bottom: none; }
#single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom: none; } /*IE8 HACK*/
#single_dropdown #main_menu li a.active { color:#558d18;}
#single_dropdown #main_menu {display:inline-block;text-align:right;}
#single_dropdown #main_menu li {position: relative; margin: 0px; text-align: center; display: inline-block;}
#single_dropdown #main_menu li:first-child { background: none; }
#single_dropdown #main_menu li ul li { clear: both; margin: 0; width: 100%; }
#single_dropdown #main_menu > li > a {font-weight:500; display: block;color: #000; font-size: 20px; line-height: 104px;padding: 0 25px;letter-spacing:-1px;}
#single_dropdown #main_menu > li > a:hover {color: #004275 !important;}
#single_dropdown #main_menu {}
#single_dropdown #main_menu li.menu07 a {background:none;}
#single_dropdown #main_menu li a:hover { color: #fff;}
#single_dropdown #main_menu li a:active { background-color: transparent; }
#single_dropdown #main_menu li a.jquery_dropdown { color: #004275; }
#single_dropdown #single_dropdown { float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3; }
#single_dropdown ul#main_menu li.menu01 ul.submenu_01 li a, #single_dropdown ul#main_menu li.menu02 ul.submenu_02 li a, #single_dropdown ul#main_menu li.menu03 ul.submenu_03 li a, #single_dropdown ul#main_menu li.menu04 ul.submenu_04 li a, #single_dropdown ul#main_menu li.menu05 ul.submenu_05 li a { background: none; /*height: 30px;*/ }
#single_dropdown #main_menu > li#game > a > span {line-height: 1;font-size: 17px;display: inline-block;padding: 14px;border-radius: 8px;background: #1277c5;color: #fff;}
#single_dropdown #main_menu > li#game > a {padding:0}
.menu01 .submenu_02{height:150px !important;}
.menu05 .submenu_03 {width:120px !important;}
/*********************************************************************************/
/* Slideshow                                                                         */
/*********************************************************************************/
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active {
  background-color: #ff284b;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.slideshow-mainimage {
  width: 100%;
  height: auto;
  position: relative;
  margin: auto;
}

.mainimage-underbar{
  width: 100%;
  height: 52px;
  background-color: #000000;
  opacity: 0.7;
  position: absolute;
  bottom: 0px;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
#copyright {clear: both;width: 100%;float: left;padding: 50px 0;background:#323232;}
.bo_banner {display: inline-block;position: absolute;right: 0;top: 0;}
.bo_banner a {display: inline-block;margin-left:10px;}
.bo_banner a img {display: block;}
#infoMenu{overflow:hidden;padding-bottom:20px;width: 100%;Text-align:Left; border-bottom: #454545 1px solid;margin-bottom: 30px;}
#infoMenu > ul > li{display: inline-block;border-right: 1px solid #c5c5c5;}
#infoMenu > ul > li:last-child{padding-right: 0;border-right: none;}
#infoMenu > ul > li > a {display: block;padding: 0 15px;line-height:1;font-size: 16px;color: #c5c5c5;}
#infoMenu > ul > li:first-child > a {padding-left:0;}
#copyright p {color: #717171;font-size: 15px;}
.bo_sns {display: inline-block;position: absolute;right: 0;top: 0;text-align: right;}
.bo_sns a{display: inline-block;margin-left:10px;}
#copyright p a {color: #717171;}
  #togather > ul{
    margin: auto;
    width: 100%;
    padding: 0;
    text-align: center;
  }

  #togather > ul > li
  {
  	display: inline-block;
  }

  #togather > ul > li:last-child
  {
  	padding-right: 0;
    border-right: none;
  }

  #togather > ul > li > a,
  #togather > ul > li > span
  {
  	display: block;
  	padding: 0em 1.5em;
  	letter-spacing: 1px;
  	text-decoration: none;
  	text-transform: uppercase;
  	font-weight: 200;
  	font-size: 1em;
  	outline: 0;
  }

  #togather > ul > li > ul
  {
  	display: none;
  }

/*********************************************************************************/
/* LIST STYLE 1                                                                  */
/*********************************************************************************/
ul.style1 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.style1 li {
	display: inline-block;
	padding: 1em 0em;
	border-top: 1px solid #E6E6E6;
	line-height: 160%;
}

ul.style1 span
{
	margin-right: 0.75em;
}

ul.style1 a {
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover {
	text-decoration: underline;
}

ul.style1 .first {
	border-top: none;
	padding-top: 0px;
}

/*********************************************************************************/
/* LIST STYLE 3                                                                  */
/*********************************************************************************/
ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #E7E5DA;
}

ul.style3 li:last-child {
	padding: 10px 0px 15px 0px;
	border-bottom: thin solid #8c8c8c;
}

ul.style3 a {
	display: block;
	text-decoration: none;
	color: #525252;
}

ul.style3 a:hover {
	text-decoration: underline;
}

ul.style3 .date {
	display: inline-block;
	margin: 0px 0px 20px 0px;
	padding: 1em 1em;
	background: #323338;
	border-radius: 4px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

ul.style3 .date b {
}

ul.style3 .date a {
	color: #FFFFFF;
}

ul.style3 .date a:hover {
	text-decoration: none;
}

ul.style3 .first {
	padding-top: 0px;
	border-top: none;
}

/* ul.style3 p{
  line-height: 150%;
} */

/*********************************************************************************/
/* Top Menu                                                                      */
/*********************************************************************************/
/* 상단 드롭다운 메뉴 추가*/
.header_menu:after{display:block; content:''; clear:both; }
.header_menu > li{position:relative; display: inline-block; /* float 대신 inline-block 사용 */ }
.header_menu > li > a{display:block; }
.header_menu > li:hover .depth_1 {display:block;}
.header_menu .depth_1{background: #004275;display:none; position:absolute; left:-30px; right:0; top:30px; min-width: 135px; text-align:left; z-index: 1000;}
.header_menu .depth_1 a{display:block; margin:0px !important; padding: 8px 0 8px 8px; border-bottom: 1px solid #2d62bc;}

#topMenu {position: relative;width:100%;height:48px;background:#004275;}
#topMenu .wrap {text-align:right;}
/* #topMenu ul {display: inline-block;} */
#topMenu li {display: inline-block;margin-left:15px;vertical-align: middle;}
#topMenu li a {margin-top:10px;display: block;color:#fff;}
#topMenu li a img {display: block;}
#topMenu li.m_tsns {margin-left:5px;}
#topMenu li.m_tsns.first {margin-left:15px;}
#topMenu li.m_tsns a {}
#auth > ul
{
	margin: 0;
}

#auth > ul > li
{
	display: inline-block;
}

#auth > ul > li:last-child
{
	padding-right: 0;
}

#auth > ul > li > a,
#auth > ul > li > span
{
	display: block;
	padding: 1em 1em;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 100;
	outline: 0;
	color: #ffffff;
}

#auth > ul > li > ul
{
	display: none;
}
.m_tnb {background: #000;padding: 20px;}
.m_tnb li a {display:block;color:#fff;padding:5px 0;}
#tnb {position:absolute;top: 4px;right: 0;z-index:7;display:none;}
#total_m_lay {position:fixed;width:300px;right:-500px; height: 100% ; overflow:auto;  z-index:9999;border:0;background:#292929;}
.total_m {}
.total_m li button {position: absolute;top: 0;left: 0;width: 100%;height: 57px;text-indent: -999999999999999999999999px;overflow: hidden;background: none;border: none;}
.total_m > ul > li {position:relative; width:auto !important; font-size:18px;font-weight:400;  /*background:#fff; */ border-bottom:1px solid rgba(255,255,255,0.2);}
.total_m > ul > li > a {    padding: 15px;color: #fff;display: block;}
.total_m > ul > li.has-sub > a {/*background:url('../img/gnb_dot.png') no-repeat right 15px center*/}
.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc;*/}
.total_m > ul > li.has-sub:before{position:absolute;top: 20px;right: 23px;width: 1px;height: 17px;margin-top:-1px;display:block;content:"";background:#fff;display: block;}
.total_m > ul > li.has-sub:after{position: absolute;top: 26px;right: 15px;width: 17px;height: 1px;display: block;content: "";background: #fff;}
.total_m > ul > li.has-sub.open > a {/*background:#93845a url('../img/gnb_dot_on.png') no-repeat right 15px center*/ }
.total_m > ul > li > ul {display:none;padding: 0 16px; background: #323232;}
.total_m > ul > li > ul > li {font-size:16px; /*background-repeat:no-repeat; background-position:right 14px; border-top:1px solid #ddd;*/}
.total_m > ul > li > ul > li:first-child {border-top:0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display:none;}
.total_m > ul > li.has-sub.open:after{position: absolute;top: 27px;right: 15px;width: 18px;height: 1px;display: block;content: "";background: #20a8a1;}
.total_m > ul > li > ul > li > a {display:block;padding:10px 0; color:#fff;  font-weight:200;}
.total_m > ul > li > ul > li.open > a {color:#1e5394;}
.total_m .btnClose {display:none}
.btnMenuClose {position:fixed; top:0; right:0; width: 90px; height:90px; padding:25px; background:none; border:none;text-indent:-999px; overflow:hidden; z-index:999999; }
.btnMenuClose span {display: block;  width: 100%; height: 2px;  background: #85c6e7;}
.btnMenuClose span:nth-child(1) {top:50%; transform: translateY(-50%) rotate(45deg); }
.btnMenuClose span:nth-child(2) {width: 0; }
.btnMenuClose span:nth-child(3) {bottom: auto;top: 50%;transform: translateY(-200%) rotate(-45deg);}
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#mini-log {display: inline-block;position: absolute; left: 0; top: 11px;z-index:99;}
#mini-log a, #mini-log a img {display:block;}
#mini-log a img.mo_logo {display:none;}
/* #logo
{
	margin-bottom: 3em;
}

#logo h1
{
	color: #FFF;
}

#logo h1 a
{
	display: block;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	color: #323338;
}

#logo span
{
	display: block;
	padding-top: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #8e8588;
} */


/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav
{
}

#nav > ul{
  margin: auto;
  width: 100%;
  padding: 0;
  text-align: center;
}

#nav > ul > li
{
	display: inline-block;
}

#nav > ul > li:last-child
{
	padding-right: 0;
}

#nav > ul > li > a,
#nav > ul > li > span
{
	display: block;
	padding: 0.8em 1.5em;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 1em;
	outline: 0;
	color: #a8a8a8;
}


#nav > ul > li > a:hover
{
	color: #FFF;
}

#nav li.active a
{
	background: #323338;
  border-top-left-radius: 4px;
	border-top-right-radius: 4px;
  border-bottom: solid #ff284b;
	color: #FFF;
}

#nav > ul > li > ul
{
	display: none;
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #868e96;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: transparent;
  border-color: #dee2e6 #dee2e6 transparent;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-link,
.nav-item {
  padding: 0 .75rem;
  min-width: 2rem;
  transition: .3s color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.nav-link .badge,
.nav-item .badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: .2rem .25rem;
  min-width: 1rem;
}

.nav-tabs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #9aa0ac;
  margin: 0 -.75rem;
}

.nav-tabs .nav-link {
  border: 0;
  color: inherit;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  transition: .3s border-color;
  font-weight: 400;
  padding: 1rem 0;
}

.nav-tabs .nav-link:hover:not(.disabled) {
  border-color: #6e7687;
  color: #6e7687;
}

.nav-tabs .nav-link.active {
  border-color: #467fcf;
  color: #467fcf;
  background: transparent;
}

.nav-tabs .nav-link.disabled {
  opacity: .4;
  cursor: default;
  pointer-events: none;
}

.nav-tabs .nav-item {
  margin-bottom: 0;
  position: relative;
}

.nav-tabs .nav-item i {
  margin-right: .25rem;
  line-height: 1;
  font-size: 0.875rem;
  width: 0.875rem;
  vertical-align: baseline;
  display: inline-block;
}

.nav-tabs .nav-item:hover .nav-submenu {
  display: block;
}

.nav-tabs .nav-submenu {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-top: none;
  z-index: 10;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  min-width: 10rem;
  border-radius: 0 0 3px 3px;
}

.nav-tabs .nav-submenu .nav-item {
  display: block;
  padding: .5rem 1rem;
  color: #9aa0ac;
  margin: 0 !important;
  cursor: pointer;
  transition: .3s background;
}

.nav-tabs .nav-submenu .nav-item.active {
  color: #467fcf;
}

.nav-tabs .nav-submenu .nav-item:hover {
  color: #6e7687;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.024);
}

/*********************************************************************************/
/* Main Menu                                                                      */
/*********************************************************************************/
#mainMenu{
  background: #1a1a1a;
}

/*********************************************************************************/
/* Account                                                                       */
/*********************************************************************************/
.account {
  max-width: 30rem;
}

/*********************************************************************************/
/* championship Info                                                                  */
/*********************************************************************************/
.champion_info_link
{
  display: inline-block;
  position: absolute;
	right: 1em;
  font-size: 1em;
}

#champion_info.first a
{
  color: #ff284b !important;
}

#champion_info
{
  font-size: 1.5em;
}

.champion_info
{
  line-height: 150%;
  color:#787878;
}

.champion_info a
{
  color:#787878;
}

.champion_info_button
{
  width: 100%;
  font-size: 2em !important;
  padding: 1.6em !important;
  margin-top: 1em;
}

/*********************************************************************************/
/* Pagination                                                                       */
/*********************************************************************************/
.pagination {
    display: block;
    padding-left: 0;
    margin: 20px 0;
	text-align:center;
	width:100%;
}
.pagination>li {
    display: inline-block;
	margin:0 3px;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    padding: 5px 10px;
    line-height: 1;
    color: #686868;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
	border-radius: 5px;
	display:block;
	font-size:15px;
}



.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

/*********************************************************************************/
/* Text                                                                          */
/*********************************************************************************/
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-inherit {
  color: inherit !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-muted {
  color: #9aa0ac !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

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

@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  font-size: 1rem;
  line-height: 1.66;
}

.text-wrap > :first-child {
  margin-top: 0;
}

.text-wrap > :last-child {
  margin-bottom: 0;
}

.text-wrap > h1, .text-wrap > h2, .text-wrap > h3, .text-wrap > h4, .text-wrap > h5, .text-wrap > h6 {
  margin-top: 1em;
}


/*********************************************************************************/
/* List                                                                          */
/*********************************************************************************/
.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: -1px;
  background: none;
  border-radius: 3px;
  /* background-color: #fff; */
  /* border: 1px solid rgba(0, 40, 100, 0.12); */
}

.list-group-item.active {
  font-weight: 600;
  z-index: 2;
  color: #467fcf;
  background-color: #f8fafd;
  border-color: rgba(0, 40, 100, 0.12);
}

.list-group-item.active .icon {
  color: inherit !important;
}

.list-group-item-action {
  /* width: 100%; */
  color: #495057;
  text-align: inherit;
}

/* .list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
} */

.list-group-item-action:active {
  color: #495057;
  background-color: #e9ecef;
}


#reple_list {
    width: 100%;
    padding: 0;
    border: #ddd 1px solid;
    margin-right: 0.75rem;
    margin-left: 0.75rem;
	    border-radius: 3px;
}
#reple_list .col-lg-12 {padding: 0;margin:0;}
#reple_list .col-lg-12 .card {
    box-shadow: none;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
	border:none;
    border-bottom: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 0;
}
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/
#main_container {width:100%;float:left;}
#main_01, #main_02, #main_03 {clear:both;width:100%;float:left;padding:100px 0;}

#main_visual {width:100%;float:left;overflow:hidden;position:relative;background:#f7f7f7;padding:49px 0;margin:0;}

.swiper {width: 100%;height: 100%;}
.swiper-wrapper {align-items: center;}
.swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center; width: auto !important;margin-top:0;opacity:0.7;}
.swiper-slide.swiper-slide-active {max-width: 1300px !important; width: 100% !important; margin-top:0;opacity:1;}
.main_vis {width: 100%;height: auto;position:relative;padding:0;}

.swiper-slide .main_vis a {display: block;width: 100%;}
.swiper-slide .main_vis img {display: block;width: 100%;height: auto;object-fit: cover;aspect-ratio: 1300 / 559;border-radius:20px;}
.mySwiper .swiper-pagination {display: none;width: 70% !important;margin: 20px auto 0 auto;position: relative;height:4px;background:#fff;}
.mySwiper .swiper-pagination .swiper-pagination-bullet {margin:0 !important;display:inline-block;height:4px;background:#fff;float:left;width:30px;border-radius:0;}
.mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ec46da;}
.mySwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#ec46da;}

.mySwiper .swiper-button-prev{width:62px;height:62px;overflow:Hidden;background:url(../images/main_n/arr_01.png) no-repeat !important;left:13%;}
.mySwiper .swiper-button-next{width:62px;height:62px;overflow:Hidden;background:url(../images/main_n/arr_02.png) no-repeat !important;right:13%;}
.mySwiper .swiper-button-prev:after{display:none;}
.mySwiper .swiper-button-next:after{display:none;}

/* 비주얼 */
.main-text {display: inline-block;position: absolute;right: 25px;bottom: 20px;padding:0;}
.main-text p {color:#fff;text-align:right;}
.main-text h2 {color:#fff;text-align:right;}
.swiper-pagination {bottom:50px !important; width:100%; max-width:1500px; left:0; right:0; margin:auto;text-align:left;}
#main_visual .swiper-pagination {padding:0 35px !important;text-align:left !important;}
.swiper-pagination-bullet {width:14px; height:14px; border:1px solid #fff;}
.swiper-pagination-bullet-active {width:40px; background:#fff; border-radius:25px !important;}

#main_contents {clear: both;width: 100%;float: left;}
#main_contents > div {clear: both;width: 100%;float: left;padding:85px 0;}
#main_01 {}
#main_02 {background:#f3f3f3 url(../images/main_n/con_bg.jpg) left top no-repeat;background-size:cover;}
#main_04 {background:#004275;}
.main-rangking .container{width: 100%;margin: 0 auto;}

ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{background: #fff;color: #222;width:49%;display: inline-block;padding: 10px 0;cursor: pointer;text-align:center;color:#454545;}
ul.tabs li:nth-child(2) {float:right;}
ul.tabs li.current{background: #184ca3;color: #fff;}
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.rangking-list li {clear: both;width: 100%;padding: 10px 0;border-bottom: #ddd 1px dotted;}
.rangking-list li i {color: #fff;font-size:15px;font-style:normal;display:inline-block;background:#a7a2bb;width:24px;height:24px;border-radius:3px;line-height:24px;text-align:center;margin-right:17px;}
.rangking-list li:nth-child(1) i, .rangking-list li:nth-child(2) i, .rangking-list li:nth-child(3) i {background:#184ca3;}

.rangking-list li span.sname {display: inline-block;color: #454545;font-weight:bold;}
.rangking-list li span.sgrouop {display: inline-block;color: #656565;margin-left: 15px;}
.main01_01 {width: 67.9%;float: left;}
.main01_02 {width: 28.6%;float: right;}
.competition {width: 48%;float: left;}
.competition h2 {font-size: 35px;line-height: 1;margin-bottom: 30px;font-weight: 900;}
.btn-more {display: inline-block;float: right;line-height: 1;padding: 8px 15px;font-weight: normal;font-size: 13px;background: #004275;color: #fff;border-radius: 16px;}
.competition ul {width: 100%;overflow: hidden;border: #ddd 1px solid;padding: 30px;}
.competition li {width: 100%;float: left;clear:both;}
.competition li a {display: block;border-bottom:#e8e8e8 1px solid;background:#fff;padding: 14px 0;}
.competition li:first-child a {padding-top:0}
.competition li:last-child a {padding-bottom:0;border-bottom:none;}
.competition li a h3 {font-size:20px;color:#000;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.competition li a p {color: #666;font-size:16px;}
.competit-banner {clear: both;width: 100%;float: left;margin-top: 29px;}
.main-attend {width: 48%;float: right;background:#de5401 url(../images/main_n/ic_mouse.png) 90% 42px no-repeat;}
.main-attend a {display:block;padding:40px;}
.main-attend a h2 {display:block;font-size:35px;color:#fff;margin-bottom:10px;font-weight:900;}
.main-attend a p {font-size:16px;color:#fff;}
.main-result {width: 48%;float: left;background:#004275 url(../images/main_n/ic_trophy.png) 90% 46px no-repeat;position:relative;}
.main-result a {display:block;padding:40px;}
.main-result a h2 {display:block;font-size:35px;color:#fff;margin-bottom:10px;font-weight:900;}
.main-result a p {font-size:16px;color:#fff;}
img.result-img {display: inline-block;position: absolute;left: 40px;top: 25px;}
.competit-board {width: 100%;float: left;clear: both;margin-top: 50px;}
.main-news {width: 100%;float: left;background: #fff;padding: 40px;}
.main-news h2 {font-size: 35px;line-height: 1;margin-bottom: 30px;font-weight: 900;}
.main-news li {width: 100%;float: left;clear:both;}
.main-news li a {display: block;border-bottom:#e8e8e8 1px solid;background:#fff;padding: 14px 0;}
.main-news li:first-child a {padding-top:0}
.main-news li:last-child a {padding-bottom:0;border-bottom:none;}
.main-news li a h3 {font-size:20px;color:#000;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-news li a p {color: #666;font-size:16px;}
.main-qna {width: 48%;float: right;}
.competit-board h2  {font-size: 35px;line-height: 1;margin-bottom: 30px;}
.main-rangking {width:48%;float:right;overflow: hidden;box-sizing:border-box;border:#ddd 1px solid;}
.main-rangking h2 {background: #004275;padding: 18px 20px;color: #fff;font-size: 25px;font-weight: 900;margin-bottom: 0;}
.main-rangking h2 a  {display: inline-block;float:right;color:#fff;font-weight:normal;font-size:21px;}

table.mranking_table {width:100%;}
table.mranking_table th {background:#dfdfdf;text-align:center;padding:17px;border-bottom:#ddd 1px solid;}
table.mranking_table td {border-bottom:#ddd 1px solid;background:#fff;text-align:center;padding:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-rangking .slick-slide {margin-bottom: -6px;}

#main_03 h2 {font-size: 40px;font-weight: 900;color: #000;}
.main02_01 {width: calc(100% - 576px);float: left;}
.main02_02 {width: 526px;float: right;}
.main_media {width: 48%;float: left;position:relative;}
.main_shop {width: 48%;float: right;position:relative;}
.main-poster {width: 100%;float: left;}
.mySlides.fade > img {display: block;width: 100%;aspect-ratio: 1/1.2;}
.competit-board li {clear: both;width: 100%;overflow: hidden;padding: 5px 0;}
.competit-board li a {display:block;}
.competit-board li a p {display: block;font-size: 16px;color: #454545;width: calc(100% - 85px);float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.competit-board li a span{display:inline-block;color:#6e6d6d;float:right;font-size:15px;text-align:right;width:80px;}
.photo_slick .slick-slide a img {aspect-ratio: 1/0.7;display:block;width:100%;height:auto;margin-bottom:20px;}
.photo_slick .slick-slide a p {font-size: 18px;color: #333; word-break: break-all;font-weight:500;text-align:center;}
.photo_slick .slick-slide a {display:block;}
.photo_slick .slick-list {margin:0 -15px;}
.photo_slick .slick-slide {margin:0 15px;}
.navigation {display: inline-block;position: absolute;right: 0;top: 5px;text-align:right;}
a.btn-more02 {display: inline-block;background:#fff;border: #fff 1px solid;line-height: 0;padding: 8px;margin-left:10px;border-radius:2px;}
#main_03 a.btn-more02 {border: #ddd 1px solid;}
a.btn-more02 > img {display: block;}
#aro_prev {display: inline-block;background:#fff;border: #ddd 1px solid;line-height: 0;padding: 9px 12px;border-radius:2px;}
#aro_prev > img {display: block;}
#aro_next {margin-left:3px;display: inline-block;background:#fff;border: #ddd 1px solid;line-height: 0;padding: 9px 12px;border-radius:2px;}
#aro_next > img {display: block;}

#aro_prev02, #aro_prev03 {display: inline-block;background:#fff;border: #fff 1px solid;line-height: 0;padding: 9px 12px;border-radius:2px;}
#aro_next02, #aro_next03{margin-left:3px;display: inline-block;background:#fff;border: #fff 1px solid;line-height: 0;padding: 9px 12px;border-radius:2px;}
#aro_prev02 > img, #aro_prev03 > img, #aro_next02 > img, #aro_next03 > img{display: block;}
#main_03 li:nth-child(1) {width:42%;float:left;}
#main_03 li:nth-child(2), #main_03 li:nth-child(3) {width:26%;margin-left:3%;float:left;}
#main_03 li a {display:block;position: relative;}
#main_03 li:nth-child(2) > a > img, #main_03 li:nth-child(3) > a > img {display:block;width:100%;height:auto;aspect-ratio: 1/0.71;}
.main_mcon {position: relative;}
.main_mcon span {display:block;font-size:13px;color:#fff;margin-bottom:10px;}
.main_mcon h3 {display:block;color:#fff;font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_mcon p {color:#fff;font-size:16px;}}
.main_mcon span.btn_moive {display: inline-block;position: absolute;bottom: 30px;right: 30px;}
.main_mcon span.btn_moive > img  {display: block;}
#main_03 li:first-child .main_mcon {background: url(../images/main/movie_conbg.png) left bottom repeat-x;width: 100%;position: absolute;bottom: 0;left: 0;}
#main_03 li:first-child a {overflow:hidden;}
#main_03 li:first-child a > img {display:block;width:100%;height:auto;aspect-ratio: 1/0.69;}

.main_mcon .btn_moive {display: inline-block;position: absolute;left: 50%;top: -187%;transform: translate(-50%, -50px);}
#main_04 h2 {color: #fff;font-size: 40px;font-weight: 900;}
#banner-con {clear: both;width: 100%;float: left;border-top: #ddd 1px solid;padding: 30px 0 !important;}
#main_04 .slick-slide a {display:block;}
#main_04 .slick-slide a img {display:block;aspect-ratio:297 / 217;margin-bottom:20px;width: 100%;}
#main_04 .slick-slide {margin:0 10px;}
#main_04 .slick-list {margin:0 -10px;}
#banner-con .slick-slide {margin:0 10px;}
#banner-con .slick-list {margin:0 -10px;}
#banner-con .slick-list a {display:block;}
#banner-con .slick-list a img {display:block;border:#e8e8e8 1px solid;border-radius:5px;}
.banner_slick {overflow:hidden;}
#banner_prev {position: absolute;left: -50px;top:20px;display:inline-block;}
#banner_next {position: absolute;right: -50px;top: 20px;display:inline-block;}

/*********************************************************************************/
/* quick                                                                           */
/*********************************************************************************/

.quick-menu {display: inline-block;position: fixed;right: 0;top: 300px;z-index: 999;}
.quick-menu ul {overflow:hidden;border:#ddd 1px solid;}
.quick-menu li {clear:both;text-align:center;border-top:#ddd 1px solid;background:#fff;}
.quick-menu li:first-child {border-top:none;background:#004275;}
.quick-menu li a {display:block; padding: 20px;text-align: center;}
.quick-menu li a span {display:block;text-align: center;margin-bottom:10px;}
.quick-menu li a span img {display:block;margin:0 auto;}
.quick-menu li a p {text-align:center;text-align: center;color:#333;}
.quick-menu li:first-child a p {color:#fff;}
.btn_top {clear:both;overflow:hidden;margin-top:20px;}
.btn_top a {display:block; text-align: center;}
/*********************************************************************************/
/* Sub                                                                           */
/*********************************************************************************/
#sub-top {width:100%;float:left;height:300px;position: relative;}
#sub-top .wrap {height:100%;position: relative;}
.sub_vis01 {background:url(../images/sub/sub_01.jpg) left top no-repeat;background-size:cover;}
.sub_vis02 {background:url(../images/sub/sub_02.jpg) left top no-repeat;background-size:cover;}
.sub_vis03 {background:url(../images/sub/sub_03.jpg) left top no-repeat;background-size:cover;}
.sub_vis04 {background:url(../images/sub/sub_04.jpg) left top no-repeat;background-size:cover;}
.sub_vis05 {background:url(../images/sub/sub_05.jpg) left top no-repeat;background-size:cover;}
.sub_vis06 {background:url(../images/sub/sub_06.jpg) left top no-repeat;background-size:cover;}
.sub_vis_shop {background:url(../images/sub/sub_shop.jpg) left top no-repeat;background-size:cover;}
.sub_vis_company {background:url(../images/sub/sub01.jpg) left top no-repeat;background-size:cover;}
.sub_vis_branch {background:url(../images/sub/sub02.jpg) left top no-repeat;background-size:cover;}
.sub_vis_competition {background:url(../images/sub/sub03.jpg) left top no-repeat;background-size:cover;}
.sub_vis_media{background:url(../images/sub/sub04.jpg) left top no-repeat;background-size:cover;}
.sub_vis_community{background:url(../images/sub/sub05.jpg) left top no-repeat;background-size:cover;}
.sub_vis_guide{background:url(../images/sub/sub06.jpg) left top no-repeat;background-size:cover;}
.sub_vis_mypage{background:url(../images/sub/sub06.jpg) left top no-repeat;background-size:cover;}
.sub-txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 10;}
.sub-txt p {text-align: center;color: #fff;font-size: 20px;}
.sub-txt h1 {text-align: center;color: #fff;font-size: 48px;padding-top: 0;margin-bottom: 0;font-weight: 900;}
#sub_container {clear: both;width: 100%;float: left;}
.con-box {width:1300px;margin:0 auto;position:relative;}
.sub_contents {clear: both;width: 100%;float: left;padding: 60px 0;}
.sub_contents h1, .con-box h1, #board-center h1, .comm-box h1 {font-size: 45px;text-align: center;font-weight: 900;margin-bottom: 45px;}

/*********************************************************************************/
/* introduce                                                                   */
/*********************************************************************************/
.introduce {width: 100%;overflow: hidden;}
.intro_title {width: 100%;float: left;}
.intro_title img {display:block;max-width: 100%;}
.intro_title img.mo {display:none;}
.intro_con {clear: both;width: 100%;margin-top: 45px;float: left;}
.introduce p {line-height: 1.5;word-break: keep-all;}
.intro_con02, .intro_con03, .intro_con04 {clear: both;width: 100%;float: left;margin-top: 45px;}
.in_left {width: 48%;float: left;}
.in_right {width: 48%;float: right;}
.introduce h2 {font-size: 30px;font-weight: 900;margin-bottom: 30px;padding-top: 11px;position: relative;}
.introduce h2:before {content: '';display: inline-block;background: #004275;width: 19px;height: 3px;position: absolute;left: 0;top: 0;border-radius: 5px;}
.intro_con02 li {position: relative;padding: 1px 0 1px 15px;margin: 0;line-height: 1.7;word-break: keep-all;}
.intro_con02 li:before {display: block;content: "";position: absolute;top: 11px;left: 0;width: 5px;height: 5px;background: #004275;border-radius: 50%;}
.introduce p strong {font-weight: 800;color: #e35255;}


/*********************************************************************************/
/* franchise                                                                   */
/*********************************************************************************/
.franchise {width: 100%;overflow: hidden;}
.franc_title {width: 100%;float: left;}
.franc_title img {display:block;max-width: 100%;}
.franc_title img.mo {display:none;}
.franc_con {clear: both;width: 100%;margin-top: 45px;float: left;}
.franchise p {line-height: 1.5;word-break: keep-all;}
.franc_con02, .franc_con03, .franc_con04, .franc_con05 {clear: both;width: 100%;float: left;margin-top: 45px;}
.in_left {width: 48%;float: left;}
.in_right {width: 48%;float: right;}
.franchise h2 {font-size: 30px;font-weight: 900;margin-bottom: 30px;padding-top: 11px;position: relative;}
.franchise h2:before {content: '';display: inline-block;background: #004275;width: 19px;height: 3px;position: absolute;left: 0;top: 0;border-radius: 5px;}
.franchise h2 span {color: #e35255;}
.franchise li {position: relative;padding: 1px 0 1px 15px;margin: 0;line-height: 1.7;word-break: keep-all;}
.franchise li:before {display: block;content: "";position: absolute;top: 11px;left: 0;width: 5px;height: 5px;background: #004275;border-radius: 50%;}
.franchise p strong {font-weight: 800;color: #e35255;}
.franc_con05 h3 {clear: both;margin: 30px 0 20px 0;font-size: 25px;font-weight: 900;color: #004275;}


.jido {width: 526px;float: left;}
.branch-list {width: calc(100% - 600px);float: right;}
.branch-list ul {overflow: hidden;border-top:#004275 2px solid;}
.branch-list li {clear: both;overflow: hidden;border-bottom: #ddd 1px solid;padding: 30px 0;}
.branch-list li h4 {color: #004275;font-size: 20px;}

/*********************************************************************************/
/* map                                                                   */
/*********************************************************************************/
.root_daum_roughmap .cont {display:none !important}
.map_con {clear: both;width: 100%;overflow: hidden;margin-top: 45px;}
.map_con li {position: relative;padding: 1px 0 1px 15px;margin: 0;line-height: 1.7;word-break: keep-all;}
.map_con li:before {display: block;content: "";position: absolute;top: 11px;left: 0;width: 5px;height: 5px;background: #004275;border-radius: 50%;}


table.myinfo_table {border-top:#454545 2px solid;}
table.myinfo_table th {text-align:center;padding:10px;background: #f7f7f7;border-bottom:#ddd 1px solid;width:25%;}
table.myinfo_table td {border-bottom:#ddd 1px solid;background:#fff;text-align:left;padding:10px;}

.jumun_ok {width: 100%;overflow: hidden;text-align: center;}
.jumun_ok h2 {font-size: 30px;font-weight: 900;margin-bottom: 30px;}
.jumun_ok_con p {display: inline-block;text-align: center;background: #f7f7f7;padding: 30px 65px;border-radius: 10px;line-height: 1.5;}
.jumun_ok_btn {clear: both;margin-top: 40px;}
.jumun_ok_btn a {display: inline-block;background: #004275;color: #fff;padding: 10px 25px;border-radius: 5px;}
/*********************************************************************************/
/* competition                                                                   */
/*********************************************************************************/
.competition-schedule {text-align: center;width: 100%;float: left;background: #f8f8f8;padding: 50px 0;}
.calendar {width: 100%;float: left;text-align: center;}
.year-title {text-align: center;}
.year-title > a {display:inline-block;}
.year-title > h3 {display:inline-block;margin:0 20px;font-size: 30px; vertical-align: middle;}
.calendar ul {display: inline-block;overflow: hidden;padding: 20px 0 0 0;border-top: #ccc 1px solid;clear: both;margin-top: 20px;}
.calendar li {display: inline-block;padding-bottom:10px;border-bottom:transparent 2px solid}
.calendar li.active {border-bottom:#000 2px solid}
.calendar li a {display: block;padding: 0 20px;font-size: 22px;color: #000;font-weight: bold;text-align:center;}
.calendar li a span {text-align: center;display: block;font-weight: 300;font-size: 14px;}
.competition-list, .competition-view {clear: both;width: 100%;float: left;padding: 70px 0;background: #fff;}
.compe-txt {padding: 0 0 10px 0;font-size: 15px;}
.compe-responsive {width: 100%;border: #ddd 1px solid;}
.card-body *{font-family: 'SUIT', 'Noto Sans KR', 'Arial', Dotum, sans-serif !important;}
table.competition-table {}
table.competition-table th {/*border-top:#454545 2px solid;*/text-align:center;padding:10px;background: #004275; color: #fff;}
table.competition-table td {border-top:#ddd 1px solid;background:#fff;text-align:center;padding:10px;}
table.competition-table td.compe_title {text-align:left;}
table.competition-table td.compe_title a {display:block;color:#454545;}
/*.pagenation {clear: both;width: 100%;overflow: hidden;text-align: center;padding: 20px 0 0 0;}
.pagenation a {display: inline-block;margin: 0 3px;border: #ddd 1px solid;padding: 5px 10px;color: #686868;background: #fff;border-radius: 5px;}
.pagenation span {display: inline-block;margin: 0 3px;border: #686868 1px solid;padding: 5px 10px;color: #fff;background: #686868;border-radius: 5px;}*/

table.jumunorder-table {}
table.jumunorder-table th {/*border-top:#454545 2px solid;*/text-align:center;padding:10px;background: #004275; color: #fff;}
table.jumunorder-table td {border-top:#ddd 1px solid;background:#fff;text-align:center;padding:10px;}
table.jumunorder-table td.compe_title {text-align:left;}
table.jumunorder-table td.compe_title a {display:block;color:#454545;}
table.jumunorder-table .ju_img {width:20%;}
table.jumunorder-table td img {display:inline-block;max-width:100px;}
table.jumunorder-table02 {}
table.jumunorder-table02 th {/*border-top:#454545 2px solid;*/text-align:center;padding:10px;background: #004275; color: #fff;}
table.jumunorder-table02 td {border-top:#ddd 1px solid;background:#fff;text-align:center;padding:10px;}

#cancelBtn {background-color: #ccc;color: #fff;cursor: not-allowed;border: none;padding: 8px 16px;border-radius: 4px;}
#cancelBtn.active {background-color: #dc3545; /* 빨간색 */cursor: pointer;}

/*********************************************************************************/
/* media                                                                         */
/*********************************************************************************/


.media-list, .media-view {clear: both;width: 100%;float: left;padding: 70px 0;background: #fff;}
.media-box  {width:1300px;margin:0 auto;position:relative;}
.comm-list {clear: both;width: 100%;float: left;padding: 70px 0;background: #fff;}
.comm-box  {width:1300px;margin:0 auto;position:relative;}
.etc-view {clear: both;width: 100%;float: left;padding: 70px 0;background: #fff;}
.etc-box  {width:1300px;margin:0 auto;position:relative;}

.photo-list {width: 100%;float: left;}
.photo-list li {width:22%;float:left;margin-right:4%;margin-bottom:3%;}
.photo-list li:nth-child(4n) {margin-right:0;}
.photo-list li:nth-child(4n+1) {clear:both;}
.photo-list li a {display:block;}
.photo-list li a img {display: block;width: 100%;height: auto;aspect-ratio: 1/0.7;}
.photo-list-con {background: #fff;width: 100%;padding: 15px 0;}
.photo-list-con h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #454545;font-size: 17px;margin-bottom: 5px;}
.image.fit {position:relative;}

/*********************************************************************************/
/* board                                                                         */
/*********************************************************************************/

.board-responsive {width: 100%;border: #ddd 1px solid;}
.card-body *{}
table.board-table {}
table.board-table th {background: #f7f7f7;border-top:#454545 2px solid;text-align:center;padding:10px;}
table.board-table td {border-top:#ddd 1px solid;background:#fff;text-align:center;padding:10px;}
table.board-table td.td_title {text-align:left;}
table.board-table td.td_title a {display:block;color:#454545;}


/*********************************************************************************/
/* recode                                                                         */
/*********************************************************************************/


.group-menu {text-align: center;/* overflow: hidden; */margin-bottom: 30px;}
.record_result-list {clear: both;width: 100%;margin-top: 30px;}
.card-table {border-top:#004275 2px solid;}
.card-table th {font-weight:bold !important;font-size: 16px !important;background:#fff;color:#454545 !important;border-bottom:#ccc 1px solid !important;}
.card-table td {background:#fff;}
#group-result-title {margin-bottom: 30px;}
.compe-mo-message {display:none;}

/*********************************************************************************/
/* ranking                                                                         */
/*********************************************************************************/

.main-rangking .container > a {display: block;background: #0d31bb;color: #fff;text-align: center;padding: 5px;border-radius: 6px;}
.ranking_left {width: 35%;float: left;}
.ranking_left h3, .ranking_right h3 {color: #0064ff;font-size: 22px;margin-bottom: 20px;}
.ranking_right {width: 60%;float: right;}

table.ranking_table {width:100%;border-top:#454545 2px solid;border-left:#ddd 1px solid;}
table.ranking_table th {background:#f5f5f5;text-align:center;padding:10px;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;}
table.ranking_table td {border-bottom:#ddd 1px solid;border-right:#ddd 1px solid;background:#fff;text-align:left;padding:10px;}

table.ranking_table02 {width:100%;border-top:#454545 2px solid;border-left:#ddd 1px solid;}
table.ranking_table02 th {background:#f5f5f5;text-align:center;padding:10px;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;}
table.ranking_table02 td {border-bottom:#ddd 1px solid;border-right:#ddd 1px solid;background:#fff;text-align:center;padding:10px;}
#header02 {background: #004275;padding: 10px 0;text-align: center;}
/*********************************************************************************/
/* Main Side List                                                                          */
/*********************************************************************************/
.main-list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.
.main-list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: -1px;
  background: none;
  border-radius: 3px;
  /* background-color: #fff; */
  /* border: 1px solid rgba(0, 40, 100, 0.12); */
}

.main-list-group-item.active {
  font-weight: 600;
  z-index: 2;
  color: #ffffff;
  background-color: #ff284b;
  border-color: rgba(0, 40, 100, 0.12);
}

.main-list-group-item.active .icon {
  color: inherit !important;
}

.main-list-group-item-action {
  /* width: 100%; */
  font-weight: 600;
  color: #1a1a1a;
  text-align: inherit;
}

/* .list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
} */

.main-list-group-item-action:active {
  color: #495057;
  background-color: #e9ecef;
}

/*********************************************************************************/
/* Table                                                                         */
/*********************************************************************************/

.table, .text-wrap table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table thead th, .text-wrap table thead th {
  border-top: 0;
  border-bottom-width: 1px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  background:#f7f7f7;
}
.th01 {width: 12%;}
#cate001 .table thead th, #cate001 .table td {text-align: center;}

.table th, .text-wrap table th {
  color: #9aa0ac;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.table th, .text-wrap table th,
.table td,
.text-wrap table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
#card001 .table td {vertical-align: unset;}
#card001 .table td.pride_name {vertical-align: top;}
.table-vcenter td,
.table-vcenter th {
  vertical-align: middle;
}

.table-center td,
.table-center th {
  text-align: center;
}

.table th, .text-wrap table th {
  color: #9aa0ac;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main-table, .text-wrap table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.main-table thead th, .text-wrap table thead th {
  border-top: 0;
  border-bottom-width: 1px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  vertical-align: middle;
  background-color: #2c2c2c;
  height: 40px;
}

.main-table th, .text-wrap table th {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main-table th, .text-wrap table th,
.main-table td,
.text-wrap table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.main-table, .text-color-1{
  color: #8c8c8c;
}

.main-table, .text-color-2{
  color: #1a1a1a;
}

.main-table th, .text-wrap table th {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}

.table-responsive {
  display: block;
  width: 100%;
  /*overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;*/
}

.table-responsive > .table-bordered, .text-wrap .table-responsive > table {
  border: 0;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered, .text-wrap .table-responsive-sm > table {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered, .text-wrap .table-responsive-md > table {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered, .text-wrap .table-responsive-lg > table {
    border: 0;
  }
}

@media (max-width: 1279.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered, .text-wrap .table-responsive-xl > table {
    border: 0;
  }
}

/*********************************************************************************/
/* Footer                                                                          */
/*********************************************************************************/

.main-footer{
  padding: 0.5rem 1rem;
  background-color: #2c2c2c;
}

/*********************************************************************************/
/* Board                                                                          */
/*********************************************************************************/
.board-top{
}

.board-text{
  color: #8c8c8c;
  margin-bottom: 0.5rem;
}

.board-total{
  color: #ff284b;
}

.board-search {padding: 20px;background-color: #f8f8f8; clear: both;border-radius: 10px;}

.board-attach-file{
  padding: 0.5rem 1rem;
  background-color: #f7f7f7;
  height: 54px;
}
.board-attach-file label {color:#454545 !important;}
#board_wd03 .form-group {margin-bottom:0 !important;}
.board-comment{
  padding: 0.5rem 1rem;
  /*background-color: #2c2c2c;*/
}
.board-comment .col-lg-12 {padding:0 !important;}
.coment_top {
    background: #fff;
    padding: 10px;
    color: #454545 !important;
	border-radius:3px 3px 0 0;
}
.coment_top label{
    color: #454545 !important;
}
#comment_con {
    background: #fff;
    padding: 0 10px 10px 10px !important;
    overflow: hidden;
    border-radius: 0 0 3px 3px;
}
.board-writer
{
  padding:0 !important;
  /* margin-right:-1rem !important; */
  padding-left:0.5rem !important;
}

.board-writerday,
.board-viewcount{
  padding:0 !important;
  margin-left:1rem !important;
  margin-right:1rem !important;
}

/*********************************************************************************/
/* Card                                                                          */
/*********************************************************************************/
.card {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
}

.card .card {
  box-shadow: none;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.5rem;
}

.card-title {font-size: 20px;line-height: 1.2;font-weight: bold;margin-bottom: 1.5rem;text-align: center;display: block;width: 100%;}
h1.text-center {
    /* display: inline-block; */
    margin: 50px auto 30px auto;
    background: #f5f5f5;
    font-size: 20px;
    padding: 10px 0;
    clear: both;
}
h1.text-center:first-child {margin-top:0;}
.card-title a {
  color: inherit;
}

.card-title:only-child {
  margin-bottom: 0;
}

.card-subtitle {
  margin-top: -0.75rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.5rem;
}

.card-header {
  padding: 1.5rem 1.5rem;
  margin-bottom: 0;
  background: none;
  padding: 0.0rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.5rem;
  -ms-flex-align: center;
  align-items: center;
  /*background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);*/
      background-color: rgb(0 66 117);
    color: #fff;
}

.card-header .card-title {
  margin-bottom: 0;
}

.card-header:first-child {
  border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 1.5rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 40, 100, 0.12);
  color: #6e7687;
}

.card-footer,
.card-bottom {
  padding: 1rem 1.5rem;
  background: none;
}

.card-table {
  margin-bottom: 0;
}

.card-table tr:first-child td,
.card-table tr:first-child th {
  border-top: 0;
}

.card-table tr td:first-child,
.card-table tr th:first-child {
  padding-left: 1.5rem;
}

.card-table tr td:last-child,
.card-table tr th:last-child {
  padding-right: 1.5rem;
}

.card-header2{
  background: none;
  padding: 0.0rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.5rem;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}

.card-header2 .card-title {
  margin-bottom: 0;
}

.card-header2:first-child {
  border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card-header3{
  padding: 1.5rem 1.5rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}

/*********************************************************************************/
/* Card Option                                                                   */
/*********************************************************************************/
.card-options {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 100;
  order: 100;
  margin-right: -.5rem;
  color: #9aa0ac;
  -ms-flex-item-align: center;
  align-self: center;
}

.card-options a:not(.btn) {
  margin-left: .5rem;
  color: #9aa0ac;
  display: inline-block;
  min-width: 1rem;
}

.card-options a:not(.btn):hover {
  text-decoration: none;
  color: #6e7687;
}

.card-options a:not(.btn) i {
  font-size: 1rem;
  vertical-align: middle;
}

.card-options .dropdown-toggle:after {
  display: none;
}

/*
Card options
 */

.card-collapsed > :not(.card-header):not(.card-header2):not(.card-status) {
  display: none;
}

.card-collapsed .card-options-collapse i:before {
  content: '\e92d';
}

.card-fullscreen .card-options-fullscreen i:before {
  content: '\e992';
}

.card-fullscreen .card-options-remove {
  display: none;
}

/*********************************************************************************/
/* DropDown                                                                      */
/*********************************************************************************/
.dropdown {
  display: inline-block;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.9375rem;
  color: #495057;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
}


.dropdown-menu {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  min-width: 12rem;
}

.dropdown-menu-arrow:before {
  position: absolute;
  top: -6px;
  left: 12px;
  display: inline-block;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 40, 100, 0.12);
  border-left: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu-arrow:after {
  position: absolute;
  top: -5px;
  left: 12px;
  display: inline-block;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  content: '';
}

.dropdown-menu-arrow.dropdown-menu-right:before, .dropdown-menu-arrow.dropdown-menu-right:after {
  left: auto;
  right: 12px;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-menu-box{
  position: absolute;
  transform: translate3d(12px, 55px, 0px);
  top: 0px; l
  eft: 0px;
  will-change: transform;
}

.dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dropdown-toggle:after {
  vertical-align: 0.155em;
}

.dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropdown-icon {
  color: #9aa0ac;
  margin-right: .5rem;
  margin-left: -.5rem;
  width: 1em;
  display: inline-block;
  text-align: center;
  vertical-align: -1px;
}

.dropdown-item {
  color: #6e7687;
  display: block;
  width: 100%;
  padding: 0.4rem 1.5rem;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #467fcf;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #868e96;
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdownCnt {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdownCnt-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 330px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdownCnt-content label {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdownCnt-content label:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
/*********************************************************************************/
/* Button                                                                        */
/*********************************************************************************/
button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button,
select {
  text-transform: none;
}

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

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

.btn-add-comment{
  width: 100%;
  padding: 1em;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.84615385;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  letter-spacing: .03em;
  font-size: 0.8125rem;
  min-width: 2.375rem;
}

.btn i {
  font-size: 1rem;
  vertical-align: -2px;
}

.btn-icon {
  padding-left: .5rem;
  padding-right: .5rem;
  text-align: center;
}

.btn-pill {
  border-radius: 10rem;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.btn-square {
  border-radius: 0;
}

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

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

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}

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

.btn-primary {
  color: #fff;
  background-color: #004275;
  border-color: #004275;
}

.btn-primary:hover {
  color: #fff;
  background-color: #316cbe;
  border-color: #2f66b3;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #467fcf;
  border-color: #467fcf;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2f66b3;
  border-color: #2c60a9;
}

.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 2px rgba(70, 127, 207, 0.5);
}

.btn-secondary {
  color: #495057;
  background-color: #fff;
  border-color: rgba(0, 40, 100, 0.12);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.btn-secondary:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #495057;
  background-color: #f6f6f6;
  border-color: rgba(0, 20, 49, 0.12);
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 2px rgba(0, 40, 100, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #495057;
  background-color: #fff;
  border-color: rgba(0, 40, 100, 0.12);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #495057;
  background-color: #e6e5e5;
  border-color: rgba(0, 15, 36, 0.12);
}

.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 2px rgba(0, 40, 100, 0.5);
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #666e76;
}

.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 2px rgba(134, 142, 150, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}

.btn-success:hover {
  color: #fff;
  background-color: #4b9400;
  border-color: #448700;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #448700;
  border-color: #3e7a00;
}

.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 2px rgba(94, 186, 0, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}

.btn-info:hover {
  color: #fff;
  background-color: #219af0;
  border-color: #1594ef;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #1594ef;
  border-color: #108ee7;
}

.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 2px rgba(69, 170, 242, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}

.btn-warning:hover {
  color: #fff;
  background-color: #cea70c;
  border-color: #c29d0b;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #c29d0b;
  border-color: #b6940b;
}

.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 2px rgba(241, 196, 15, 0.5);
}

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

.btn-danger:hover {
  color: #fff;
  background-color: #ac1b1a;
  border-color: #a11918;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a11918;
  border-color: #961717;
}

.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 2px rgba(205, 32, 31, 0.5);
}

.btn-yellow {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}

.btn-yellow:hover {
  color: #fff;
  background-color: #cea70c;
  border-color: #c29d0b;
}

.btn-yellow:focus, .btn-yellow.focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-yellow.disabled, .btn-yellow:disabled {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}

.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #fff;
  background-color: #c29d0b;
  border-color: #b6940b;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-purple {
  color: #fff;
  background-color: #a55eea;
  border-color: #a55eea;
}

.btn-purple:hover {
  color: #fff;
  background-color: #923ce6;
  border-color: #8c31e4;
}

.btn-purple:focus, .btn-purple.focus {
  box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}

.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: #a55eea;
  border-color: #a55eea;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #8c31e4;
  border-color: #8526e3;
}

.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}

.btn-lime {
  color: #fff;
  background-color: #004275;
  border-color: #004275;
}

.btn-lime:hover {
  color: #fff;
  background-color: #004275;
  border-color: #004275;
}

.btn-lime:focus, .btn-lime.focus {
  box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.btn-lime.disabled, .btn-lime:disabled {
  color: #fff;
  background-color: #7bd235;
  border-color: #7bd235;
}

.btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active,
.show > .btn-lime.dropdown-toggle {
  color: #fff;
  background-color: #63ad27;
  border-color: #5da324;
}

.btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus,
.show > .btn-lime.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.btn-teal {
  color: #fff;
  background-color: #2bcbba;
  border-color: #2bcbba;
}

.btn-teal:hover {
  color: #fff;
  background-color: #24ab9d;
  border-color: #22a193;
}

.btn-teal:focus, .btn-teal.focus {
  box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.btn-teal.disabled, .btn-teal:disabled {
  color: #fff;
  background-color: #2bcbba;
  border-color: #2bcbba;
}

.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active,
.show > .btn-teal.dropdown-toggle {
  color: #fff;
  background-color: #22a193;
  border-color: #20968a;
}

.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.btn-cyan {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-cyan:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-cyan:focus, .btn-cyan.focus {
  box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.btn-cyan.disabled, .btn-cyan:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active,
.show > .btn-cyan.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus,
.show > .btn-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.btn-light {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #495057;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #495057;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.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 2px rgba(248, 249, 250, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.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 2px rgba(52, 58, 64, 0.5);
}

.btn-green {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}

.btn-green:hover {
  color: #fff;
  background-color: #4b9400;
  border-color: #448700;
}

.btn-green:focus, .btn-green.focus {
  box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-green.disabled, .btn-green:disabled {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #448700;
  border-color: #3e7a00;
}

.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-gray {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.btn-gray:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}

.btn-gray:focus, .btn-gray.focus {
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #666e76;
}

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-gray-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-gray-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-gray-dark:focus, .btn-gray-dark.focus {
  box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-gray-dark.disabled, .btn-gray-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-gray-dark:not(:disabled):not(.disabled):active, .btn-gray-dark:not(:disabled):not(.disabled).active,
.show > .btn-gray-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-gray-dark:not(:disabled):not(.disabled):active:focus, .btn-gray-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-orange {
  color: #fff;
  background-color: #fd9644;
  border-color: #fd9644;
}

.btn-orange:hover {
  color: #fff;
  background-color: #fd811e;
  border-color: #fc7a12;
}

.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #fd9644;
  border-color: #fd9644;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #fc7a12;
  border-color: #fc7305;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}


.btn-outline-primary {
  color: #467fcf;
  background-color: transparent;
  background-image: none;
  border-color: #467fcf;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #467fcf;
  border-color: #467fcf;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #467fcf;
  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;
  background-color: #467fcf;
  border-color: #467fcf;
}

.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 2px rgba(70, 127, 207, 0.5);
}

.btn-outline-secondary {
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border-color: #868e96;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #868e96;
  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: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.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 2px rgba(134, 142, 150, 0.5);
}

.btn-outline-success {
  color: #5eba00;
  background-color: transparent;
  background-image: none;
  border-color: #5eba00;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5eba00;
  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;
  background-color: #5eba00;
  border-color: #5eba00;
}

.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 2px rgba(94, 186, 0, 0.5);
}

.btn-outline-info {
  color: #45aaf2;
  background-color: transparent;
  background-image: none;
  border-color: #45aaf2;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #45aaf2;
  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;
  background-color: #45aaf2;
  border-color: #45aaf2;
}

.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 2px rgba(69, 170, 242, 0.5);
}

.btn-outline-warning {
  color: #f1c40f;
  background-color: transparent;
  background-image: none;
  border-color: #f1c40f;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f1c40f;
  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;
  background-color: #f1c40f;
  border-color: #f1c40f;
}

.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 2px rgba(241, 196, 15, 0.5);
}

.btn-outline-danger {
  color: #cd201f;
  background-color: transparent;
  background-image: none;
  border-color: #cd201f;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #cd201f;
  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;
  background-color: #cd201f;
  border-color: #cd201f;
}

.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 2px rgba(205, 32, 31, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  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: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.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 2px rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  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;
  background-color: #343a40;
  border-color: #343a40;
}

.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 2px rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #467fcf;
  background-color: transparent;
}

.btn-link:hover {
  color: #295a9f;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #868e96;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.625;
  border-radius: 3px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  min-width: 1.625rem;
  line-height: 1.33333333;
  border-radius: 3px;
}
.card-options a.btn.btn-primary.btn-sm {
    display: inline-block;
    background: #cd5701;
    font-size: 15px;
}
.btn-block {
  display: block;
  width: 100%;
}

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

.btn-enter {
  color: #fff;
  background-color: #004275;
  border-color: #004275;
}

.btn-enter:hover {
  color: #fff;
  background-color: #004275;
  border-color: #004275;
}

.btn-enter:focus, .btn-enter.focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-enter.disabled, .btn-enter:disabled {
  color: #fff;
  background-color: #004275;
  border-color: #004275;
}

.btn-enter:not(:disabled):not(.disabled):active, .btn-enter:not(:disabled):not(.disabled).active,
.show > .btn-enter.dropdown-toggle {
  color: #fff;
  background-color:#004275;
  border-color: #004275;
}

.btn-enter:not(:disabled):not(.disabled):active:focus, .btn-enter:not(:disabled):not(.disabled).active:focus,
.show > .btn-enter.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}


/*********************************************************************************/
/* Tag                                                                         */
/*********************************************************************************/

.tag {
  font-size: 0.75rem;
  color: #6e7687;
  background-color: #e9ecef;
  border-radius: 3px;
  padding: 0 .5rem;
  line-height: 2em;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: default;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a.tag {
  text-decoration: none;
  cursor: pointer;
  transition: .3s color, .3s background;
}

a.tag:hover {
  background-color: rgba(110, 118, 135, 0.2);
  color: inherit;
}

.tag-addon {
  display: inline-block;
  padding: 0 .5rem;
  color: inherit;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.06);
  margin: 0 -.5rem 0 .5rem;
  text-align: center;
  min-width: 1.5rem;
}

.tag-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.tag-addon i {
  vertical-align: middle;
  margin: 0 -.25rem;
}

a.tag-addon {
  text-decoration: none;
  cursor: pointer;
  transition: .3s color, .3s background;
}

a.tag-addon:hover {
  background: rgba(0, 0, 0, 0.16);
  color: inherit;
}

.tag-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 3px 0 0 3px;
  margin: 0 .5rem 0 -.5rem;
}

.tag-blue {
  background-color: #467fcf;
  color: #fff;
}

.tag-indigo {
  background-color: #6574cd;
  color: #fff;
}

.tag-purple {
  background-color: #a55eea;
  color: #fff;
}

.tag-pink {
  background-color: #f66d9b;
  color: #fff;
}

.tag-red {
  background-color: #cd201f;
  color: #fff;
}

.tag-orange {
  background-color: #fd9644;
  color: #fff;
}

.tag-yellow {
  background-color: #f1c40f;
  color: #fff;
}

.tag-green {
  background-color: #5eba00;
  color: #fff;
}

.tag-teal {
  background-color: #2bcbba;
  color: #fff;
}

.tag-cyan {
  background-color: #17a2b8;
  color: #fff;
}

.tag-white {
  background-color: #fff;
  color: #fff;
}

.tag-gray {
  background-color: #868e96;
  color: #fff;
}

.tag-gray-dark {
  background-color: #343a40;
  color: #fff;
}

.tag-azure {
  background-color: #45aaf2;
  color: #fff;
}

.tag-lime {
  background-color: #7bd235;
  color: #fff;
}

.tag-primary {
  background-color: #467fcf;
  color: #fff;
}

.tag-secondary {
  background-color: #868e96;
  color: #fff;
}

.tag-success {
  background-color: #5eba00;
  color: #fff;
}

.tag-info {
  background-color: #45aaf2;
  color: #fff;
}

.tag-warning {
  background-color: #f1c40f;
  color: #fff;
}

.tag-danger {
  background-color: #cd201f;
  color: #fff;
}

.tag-light {
  background-color: #f8f9fa;
  color: #fff;
}

.tag-dark {
  background-color: #343a40;
  color: #fff;
}

.tag-rounded {
  border-radius: 50px;
}

.tag-rounded .tag-avatar {
  border-radius: 50px;
}

.tags {
  margin-bottom: -.5rem;
  font-size: 0;
}

.tags > .tag {
  margin-bottom: .5rem;
}

.tags > .tag:not(:last-child) {
  margin-right: .5rem;
}

/*********************************************************************************/
/* Input                                                                         */
/*********************************************************************************/
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;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

button,
input {
  overflow: visible;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

textarea.noresize {
  resize: none !important; /* 사용자 임의 변경 불가 */
}

.input-icon {
  position: relative;
}

.input-icon .form-control:not(:last-child) {
  padding-right: 2.5rem;
}

.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  color: #9aa0ac;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 2.5rem;
  pointer-events: none;
}

.input-icon-addon:last-child {
  left: auto;
  right: 0;
}

/*********************************************************************************/
/* Checkbox                                                                      */
/*********************************************************************************/
/* .custom-checkbox {
  border-radius: 3px;
  border: 1px solid rgba(0, 40, 100, 0.12);
  background-color: #fff;
  background-size: .5rem;
} */

.custom-checkbox .custom-control-label::before {
  border-radius: 3px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #467fcf;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/*********************************************************************************/
/* custom control                                                                */
/*********************************************************************************/
.custom-control {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-label {
  vertical-align: middle;
  margin-bottom: 0;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-label::before {
  border: 1px solid rgba(0, 40, 100, 0.12);
  background-color: #fff;
  background-size: .5rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #467fcf;
}

/*********************************************************************************/
/* Border                                                                         */
/*********************************************************************************/
.border {
  border: 1px solid rgba(0, 40, 100, 0.12) !important;
}

.border-top {
  border-top: 1px solid rgba(0, 40, 100, 0.12) !important;
}

.border-right {
  border-right: 1px solid rgba(0, 40, 100, 0.12) !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 40, 100, 0.12) !important;
}

.border-left {
  border-left: 1px solid rgba(0, 40, 100, 0.12) !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-primary {
  border-color: #467fcf !important;
}

.border-secondary {
  border-color: #868e96 !important;
}

.border-success {
  border-color: #5eba00 !important;
}

.border-info {
  border-color: #45aaf2 !important;
}

.border-warning {
  border-color: #f1c40f !important;
}

.border-danger {
  border-color: #cd201f !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

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

/*********shop************************************************************************/

.movie_category {clear: both;width: 100%; box-sizing: border-box;}
#store_list .movie_category ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#store_list .movie_category ul li {width: calc(100%/6 - 15px); padding: 9px 0; border-radius: 20px; background: #fafafa;  text-align: center;}
#store_list .movie_category ul li:hover {background: #ebebeb;}
#store_list .movie_category ul li a {width:100%; height: 100%; display: inline-block; font-size: 18px; color:#333;}
#store_list .movie_category ul li.on {background: #004275;}
#store_list .movie_category ul li.on a {color: #fff; font-weight: 600;}
.movie_category li a.active {color: #003ecf;font-weight: 500;}
.movie_category li a span {margin-left: 3px;display: inline-block;font-size: 16px;line-height: 1;color: #d30202;font-weight: 500;}
.movie_category li a.active span {color: #003ecf;}
h2.data_stitle {clear: both;font-size: 25px;font-weight: 600;color: #000;}
.data_explan {clear: both;width: 100%;float: left;padding: 12px 0;}

.shop_list {clear: both;width: 100%;float: left;margin-top: 40px;}
.shop_list ul {display: flex; flex-wrap: wrap; gap: 33px;}
.shop_list li {width:calc(100%/4 - 25px);}
.shop_list li:hover a span {color: #cb1400;}
.shop_list li:hover a {border: #cb1400 1px solid;}
.shop_list li:nth-child(4n) {margin-right:0;}
.shop_list li:nth-child(4n+1) {clear:both;}
.shop_list li a {display:block;border:#ddd 1px solid;padding: 20px;}
.shop_list li a .shop_img {width: 100%;height: auto;aspect-ratio: 1 / 0.8;margin-bottom:20px;}
.shop_list li a .shop_img img {display:block;width:100%;height:100%;}
.shop_list li a p {margin-bottom: 15px; font-size: 18px;font-weight: 600;color: #000; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset !important;
    min-height: 46px;}
.shop_list li a span {color:#000; font-size:18px; line-height:1; display:inline-block; position:relative; font-weight: 700;}
.shop_list li a span:after {display: none; content:'';width:100%;height:1px;background:#146ba8;position:absolute;left:0;bottom:0;}
.shop_stxt_01, .shop_stxt_02 {clear:both;both;width: 100%;float: left;margin-top: 30px;}
.shop_stxt_01 h2, .shop_stxt_02 h2 {    clear: both;color: #454545;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: #cccccc 1px solid;margin-bottom: 30px;}
.movie_view_content {clear: both;width: 100%;float: left;margin-bottom: 50px;}
.movie_view_img {width: 43%;float: left;height: auto;aspect-ratio: 1 / 0.7;padding: 10px;border: #ddd 1px solid;text-align:center;}
.movie_view_img a {display: inline-block;margin-top: 20px;line-height: 1;background: #686868;color: #fff;padding: 10px 20px;border-radius: 5px;}
.movie_view_img > img {display:block;width:100%;height:100%;}
.movie_view_txt {width: 50%;float: right;}
.movie_view_txt li {border-bottom: #e8e8e8 1px solid;padding: 10px;}
.movie_view_txt li span {font-size: 17px;width: 100px;display: inline-block;font-weight: 500;color: #000;}
.movie_view_txt li.title_movie span {font-size: 20px;}
.movie_view_txt li.title_movie { font-weight: 500;font-size: 20px;color: #000;}
.movie_check_btn {clear: both;width: 100%;float: left;margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.movie_check_btn a {display: inline-block;font-size: 20px;font-weight: 600;background: #ff8100;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;}
.movie_check_btn input[type="button"] {cursor: pointer; width: calc(100%/2 - 12px); display: inline-block;font-size: 20px;font-weight: 600;background: #a19486;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;border:none;}
.data_view_con {clear: both;width: 100%;float: left;}
p.view_title {clear: both;color: #454545;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: #cccccc 1px solid;margin-bottom: 10px;}
p.view_title_s {clear: both;color: #454545;margin-bottom: 30px;}
.pageing {overflow: hidden;clear: both;width: 100%;float: left;text-align: center;padding-top: 30px;}
.pageing a {display: inline-block;line-height: 1;border: #ddd 1px solid;margin: 0 3px;font-size:13px;padding: 8px 10px;border-radius: 3px;}
.pageing span {display: inline-block;line-height: 1;border: #878787 1px solid;margin: 0 3px;font-size: 13px;padding: 8px 10px;background: #878787;border-radius: 3px;color: #fff;}
.pride01 {display:flex; align-items: center;}
.sale01 {color: #999;}
#totalPrice {font-size: 20px; font-weight: 700; color: #cb1400;}
/************cart************/

table.cart_table  {border-collapse: collapse; border-top:2px solid #505050; line-height:20px; margin:0 auto;min-width: 860px;}
table.cart_table th {background: #f0f0f0; color: #454545; font-weight: 600; text-align:center; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #ccc;}
table.cart_table td {color: #666; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;text-align: center;  border-bottom: 1px solid #e3e3e3;}
table.cart_table td input[type="number"] {display:block;width:100%;padding:5px;border:#ddd 1px solid;}
table.cart_table td.center {text-align: center;}
table.cart_table td.right {text-align: right;}
.cart_btn {clear: both;width: 100%;float: left;padding: 20px 0;text-align: right;}

.cart_btn a, .cart_btn input[type="button"] {margin-left:10px;display: inline-block;font-size: 15px;background: #686868;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;border:none;vertical-align:middle;}
.cart_btn .namcolor, .cart_btn input[type="button"].namcolor {background:#0059c7;}
.cart_con h3 {font-size: 25px;margin: 30px 0 14px 0;font-weight: 500;}
.cart_mo_message {display:none;}
table.buy_order  {    table-layout: fixed;border-collapse: collapse; border-top: 2px solid #505050; line-height:20px; margin:0 auto;}
table.buy_order th {background: #f1f1f1; color: #444444; font-weight: bold; text-align:right; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #e3e3e3;line-height: 30px;}
table.buy_order td {color: #444444; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;  text-align: left;  border-bottom: 1px solid #e3e3e3;}
table.buy_order td.left {text-align: left;}
table.buy_order td.center {text-align: center;font-weight: bold;width:180px;}
table.buy_order td.right {text-align: right;}
table.buy_order th nobr {color:#444;}
table.buy_order nobr {color:#888;}
table.buy_order th > img {display:inline-block;width:100%;height:auto;}
table.buy_order th.center {text-align: center;}
table.buy_order td .forms {display: inline-block;border: #bdbdbd 1px solid;padding: 10px;}
table.buy_order td input[type="checkbox"] {display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;}
.buyorder_con h2 {font-size: 25px;margin: 30px 0 20px 0;clear: both;font-weight:700;}
.btn_zipcode {display: inline-block;margin-left: 6px;border: none;line-height: 1;padding: 13px;background: #686868;color: #fff;border-radius: 5px;}
.buyorder_btn {clear: both;width: 100%;float: left;padding: 20px 0;text-align: center;}
.buyorder_btn a, .buyorder_btn input[type="button"] {margin-left:10px;display: inline-block;font-size: 15px;background: #686868;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;border:none;vertical-align:middle;}
.buyorder_btn .namcolor, .buyorder_btn input[type="button"].namcolor {background:#0059c7;}
.w100 {width:100%;}
.w50 {width:50%;}

/***********sidebar************/

#sidebar {background:#fff; position: relative; height: 61px; border-bottom:1px solid #ddd;  width:100%;}
#sidebar .home {width:60px; height: 60px; float: left; background:#004275 url('../images/sub/ic_home.png') no-repeat center center; font-size:0;}
#sidebar .home a {display:block; width:100%; height:100%;}
#sidebar .snb {position: relative; float: left; width:300px;}
#sidebar .snb1, #sidebar .snb2 {border-right:1px solid #ddd;}
#sidebar .snb > .over {width: 100%;position: relative; display: block; height: 60px;}
#sidebar .snb > .over span {line-height:60px; font-size: 18px; padding-left: 10%; position: relative; display: block; width:90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: normal;text-align:left; color:#333; font-weight: 500;}
#sidebar .snb > .over:after {position:absolute; top:50%; right:10px; margin-top:-4px; width:10px; height:6px; content:''; background:url('../images/sub/snb_arr.png') no-repeat;}
#sidebar .snb > .over .arrow {position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -8px; font-size: 20px;}
#sidebar .snb > .over.open .arrow {transform: rotate(-180deg); margin-top: -10px;}
#sidebar .snb.snb2 > .over {}
#sidebar .snb.snb2 > .over span {}
#sidebar .snb.snb2 > .over:after {background:url('../images/sub/snb_arr.png') no-repeat;}
#sidebar .snb .snb_con {display: none; position: absolute; left: -0px; width: calc(100% - 0px) !important; background: #fff; z-index: 11; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
#sidebar .snb .snb_con li {border-bottom: 1px solid #ddd;}
#sidebar .snb .snb_con li a {display: block; padding: 15px 10%; font-size:16px;text-align:left; transition:0.3s;color:#333;}
#sidebar .snb .snb_con li a:hover {background:#f3f3f3;}
#sidebar .snb .snb_con li.on {position: relative;}
#sidebar .snb .snb_con li.on a {padding-left: 25px; font-weight: 500;}
#sidebar .snb .snb_con li.on a:before {content: ""; position: absolute; top: 50%; left: 10px; width: 7px; height: 3px; margin-top: -1px; background: #1c202c;}




/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/
.fa
{
  text-decoration: none;
}

.fa.solo
{
}

.fa.solo span
{
  display: none;
}

.fa:before
{
  display:inline-block;
  font-family: FontAwesome;
  font-size: 1.25em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.fa-check:before{content:"\f00c"}

.fa-plus-square:before {
    content: "\f0fe";
}
.icon {
  color: #9aa0ac !important;
}

.icon i {
  vertical-align: -1px;
}

a.icon {
  text-decoration: none;
  cursor: pointer;
}

a.icon:hover {
  color: #495057 !important;
}

/*********************************************************************************/
/* Form                                                                          */
/*********************************************************************************/
.form-group {
  display: block;
}

.required {
  color: #cd201f;
}

.form-label {
  display: block;
  margin-bottom: .375rem;
  font-weight: 600;
  font-size: 18px;
}
table.myinfo_table th .form-label {margin-bottom: 0;}

.form-label-small {
  float: right;
  font-weight: 400;
  font-size: 87.5%;
}

.form-footer {
  margin-top: 2rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
table.myinfo_table td .form-control {width:60%}

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

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

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #1991eb;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #adb5bd;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #adb5bd;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #adb5bd;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #adb5bd;
  opacity: 1;
}

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

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

select.form-control:not([size]):not([multiple]) {
  height: 2.375rem;
}

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

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

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

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

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

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

.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.14285714;
  border-radius: 3px;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.44444444;
  border-radius: 3px;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.6875rem + 2px);
}

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

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

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  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: #9aa0ac;
}

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

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  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;
}

/*********************************************************************************/
/* Input Group                                                                   */
/*********************************************************************************/
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #fbfbfc;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*********************************************************************************/
/* Select                                                                        */
/*********************************************************************************/
.custom-select {
  display: inline-block;
  width: 100%;
  height: 2.375rem;
  padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='gray' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #1991eb;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(25, 145, 235, 0.5);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #868e96;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.6875rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 125%;
}

/*********************************************************************************/
/* File                                                                  */
/*********************************************************************************/

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.375rem;
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 2.375rem;
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-control {
  border-color: #1991eb;
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.custom-file-input:focus ~ .custom-file-control::before {
  border-color: #1991eb;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "추가";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 2.375rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(2.375rem - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "추가";
  background-color: #fbfbfc;
  border-left: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 0 3px 3px 0;
}

.filebox{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.375rem;
  margin-bottom: 0;
}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0;
}

.filebox label {
  display: inline-block;
  padding: .5em .75em;
  color: #ffffff !important;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #ff284b;
  cursor: pointer;
  border: 1px solid #df1133;
  border-radius: .25em;
  }

  /* named upload */
.filebox .upload-name {
  display: inline-block;
  padding: .5em .75em;  /* label의 패딩값과 일치 */
  width: 80%;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
      background-color: #fff;
    border: 1px solid #ddd;
  border-radius: .25em;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

.upload-name::placeholder {
  color: red !important;
  font-style: italic !important;
}

/*********************************************************************************/
/* Select Group                                                                  */
/*********************************************************************************/

.selectgroup {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.selectgroup-item {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

.selectgroup-item + .selectgroup-item {
  margin-left: -1px;
}

.selectgroup-item:not(:first-child) .selectgroup-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.selectgroup-item:not(:last-child) .selectgroup-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.selectgroup-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.selectgroup-button {
  display: block;
  border: 1px solid rgba(0, 40, 100, 0.12);
  text-align: center;
  padding: 0.375rem 1rem;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  color: #9aa0ac;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  min-width: 2.375rem;
}

.selectgroup-button-icon {
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 1rem;
}

.selectgroup-input:checked + .selectgroup-button {
  border-color: #004275;
  z-index: 1;
  color: #fff;
  background: #004275;
}

.selectgroup-input:focus + .selectgroup-button {
  border-color: #467fcf;
  z-index: 2;
  color: #467fcf;
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.selectgroup-pills {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
  margin-right: .5rem;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
  border-radius: 50px !important;
}

/*********************************************************************************/
/* Alert                                                                         */
/*********************************************************************************/
.alert {
  font-size: 0.9375rem;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 3px;
}

.alert-icon {
  padding-left: 3rem;
}

.alert-icon > i {
  color: inherit !important;
  font-size: 1rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.alert-avatar {
  padding-left: 3.75rem;
}

.alert-avatar .avatar {
  position: absolute;
  top: .5rem;
  left: .75rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 600;
}

.alert-dismissible {
  padding-right: 3.90625rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #24426c;
  background-color: #e9e9e9;
  border-color: #e9e9e9;
}

.alert-primary hr {
  border-top-color: #b7cded;
}

.alert-primary .alert-link {
  color: #172b46;
}

.alert-secondary {
  color: #464a4e;
  background-color: #e7e8ea;
  border-color: #dddfe2;
}

.alert-secondary hr {
  border-top-color: #cfd2d6;
}

.alert-secondary .alert-link {
  color: #2e3133;
}

.alert-success {
  color: #316100;
  background-color: #dff1cc;
  border-color: #d2ecb8;
}

.alert-success hr {
  border-top-color: #c5e7a4;
}

.alert-success .alert-link {
  color: #172e00;
}

.alert-info {
  color: #24587e;
  background-color: #daeefc;
  border-color: #cbe7fb;
}

.alert-info hr {
  border-top-color: #b3dcf9;
}

.alert-info .alert-link {
  color: #193c56;
}

.alert-warning {
  color: #454545;
  background-color: #fff;
}

.alert-warning hr {
  border-top-color: #fae8a4;
}

.alert-warning .alert-link {
  color: #4d3f05;
}

.alert-danger {
  color: #6b1110;
  background-color: #f5d2d2;
  border-color: #f1c1c0;
}

.alert-danger hr {
  border-top-color: #ecacab;
}

.alert-danger .alert-link {
  color: #3f0a09;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

.rounded {
  border-radius: 3px !important;
}

.rounded-top {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rounded-right {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.rounded-bottom {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded-left {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

/*********************************************************************************/
/* Badge                                                                         */
/*********************************************************************************/
.badge {
  color: #fff;
}

.badge-default {
  background: #e9ecef;
  color: #868e96;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
}

.badge:empty {
  display: none;
}

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

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

.badge-primary {
  color: #fff;
  background-color: #467fcf;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #2f66b3;
}

.badge-secondary {
  color: #fff;
  background-color: #868e96;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #6c757d;
}

.badge-success {
  color: #fff;
  background-color: #5eba00;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #448700;
}

.badge-info {
  color: #fff;
  background-color: #45aaf2;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1594ef;
}

.badge-warning {
  color: #fff;
  background-color: #f1c40f;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #c29d0b;
}

.badge-danger {
  color: #fff;
  background-color: #cd201f;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #a11918;
}

.badge-light {
  color: #495057;
  background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #495057;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}


/*********************************************************************************/
/* Invalid                                                                       */
/*********************************************************************************/
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 87.5%;
  color: #cd201f;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(205, 32, 31, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #cd201f;
}

/*********************************************************************************/
/* Col                                                                           */
/*********************************************************************************/
.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: 0.75rem;
  padding-left: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1280px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

/*********************************************************************************/
/* Range                                                                         */
/*********************************************************************************/
.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.w-0 {
  width: 0 !important;
}

.w-1 {
  width: 0.25rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.w-3 {
  width: 0.75rem !important;
}

.w-4 {
  width: 1rem !important;
}

.w-5 {
  width: 1.5rem !important;
}

.w-6 {
  width: 2rem !important;
}

.w-7 {
  width: 3rem !important;
}

.w-8 {
  width: 4rem !important;
}

.w-9 {
  width: 6rem !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-0 {
  height: 0 !important;
}

.h-1 {
  height: 0.25rem !important;
}

.h-2 {
  height: 0.5rem !important;
}

.h-3 {
  height: 0.75rem !important;
}

.h-4 {
  height: 1rem !important;
}

.h-5 {
  height: 1.5rem !important;
}

.h-6 {
  height: 2rem !important;
}

.h-7 {
  height: 3rem !important;
}

.h-8 {
  height: 4rem !important;
}

.h-9 {
  height: 6rem !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3,
.my-3 {
  margin-top: 0.75rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 0.75rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 1.5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 1.5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 1.5rem !important;
}

.m-6 {
  margin: 2rem !important;
}

.mt-6,
.my-6 {
  margin-top: 2rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 2rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 2rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 2rem !important;
}

.m-7 {
  margin: 3rem !important;
}

.mt-7,
.my-7 {
  margin-top: 3rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 3rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 3rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 3rem !important;
}

.m-8 {
  margin: 4rem !important;
}

.mt-8,
.my-8 {
  margin-top: 4rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 4rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 4rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 4rem !important;
}

.m-9 {
  margin: 6rem !important;
}

.mt-9,
.my-9 {
  margin-top: 6rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 6rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 6rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 6rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3,
.py-3 {
  padding-top: 0.75rem !important;
}

.pr-3,
.px-3 {
  padding-right: 0.75rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3,
.px-3 {
  padding-left: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1rem !important;
}
.header.py-4 {
  padding: 1rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5,
.py-5 {
  padding-top: 1.5rem !important;
}

.pr-5,
.px-5 {
  padding-right: 1.5rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5,
.px-5 {
  padding-left: 1.5rem !important;
}

.p-6 {
  padding: 2rem !important;
}

.pt-6,
.py-6 {
  padding-top: 2rem !important;
}

.pr-6,
.px-6 {
  padding-right: 2rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 2rem !important;
}

.pl-6,
.px-6 {
  padding-left: 2rem !important;
}

.p-7 {
  padding: 3rem !important;
}

.pt-7,
.py-7 {
  padding-top: 3rem !important;
}

.pr-7,
.px-7 {
  padding-right: 3rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 3rem !important;
}

.pl-7,
.px-7 {
  padding-left: 3rem !important;
}

.p-8 {
  padding: 4rem !important;
}

.pt-8,
.py-8 {
  padding-top: 4rem !important;
}

.pr-8,
.px-8 {
  padding-right: 4rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 4rem !important;
}

.pl-8,
.px-8 {
  padding-left: 4rem !important;
}

.p-9 {
  padding: 6rem !important;
}

.pt-9,
.py-9 {
  padding-top: 6rem !important;
}

.pr-9,
.px-9 {
  padding-right: 6rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 6rem !important;
}

.pl-9,
.px-9 {
  padding-left: 6rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}


@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 0.75rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 0.75rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 0.75rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 0.75rem !important;
  }
  .m-sm-4 {
    margin: 1rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1rem !important;
  }
  .m-sm-5 {
    margin: 1.5rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 1.5rem !important;
  }
  .m-sm-6 {
    margin: 2rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 2rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 2rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 2rem !important;
  }
  .m-sm-7 {
    margin: 3rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 3rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 3rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 3rem !important;
  }
  .m-sm-8 {
    margin: 4rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 4rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 4rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 4rem !important;
  }
  .m-sm-9 {
    margin: 6rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 6rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 6rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 6rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 0.75rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 0.75rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 0.75rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 0.75rem !important;
  }
  .p-sm-4 {
    padding: 1rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1rem !important;
  }
  .p-sm-5 {
    padding: 1.5rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 1.5rem !important;
  }
  .p-sm-6 {
    padding: 2rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 2rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 2rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 2rem !important;
  }
  .p-sm-7 {
    padding: 3rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 3rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 3rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 3rem !important;
  }
  .p-sm-8 {
    padding: 4rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 4rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 4rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 4rem !important;
  }
  .p-sm-9 {
    padding: 6rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 6rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 6rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 6rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 0.75rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 0.75rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 0.75rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 0.75rem !important;
  }
  .m-md-4 {
    margin: 1rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1rem !important;
  }
  .m-md-5 {
    margin: 1.5rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 1.5rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 1.5rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 1.5rem !important;
  }
  .m-md-6 {
    margin: 2rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 2rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 2rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 2rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 2rem !important;
  }
  .m-md-7 {
    margin: 3rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 3rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 3rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 3rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 3rem !important;
  }
  .m-md-8 {
    margin: 4rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 4rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 4rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 4rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 4rem !important;
  }
  .m-md-9 {
    margin: 6rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 6rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 6rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 6rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 6rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 0.75rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 0.75rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 0.75rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 0.75rem !important;
  }
  .p-md-4 {
    padding: 1rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1rem !important;
  }
  .p-md-5 {
    padding: 1.5rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 1.5rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 1.5rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 1.5rem !important;
  }
  .p-md-6 {
    padding: 2rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 2rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 2rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 2rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 2rem !important;
  }
  .p-md-7 {
    padding: 3rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 3rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 3rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 3rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 3rem !important;
  }
  .p-md-8 {
    padding: 4rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 4rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 4rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 4rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 4rem !important;
  }
  .p-md-9 {
    padding: 6rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 6rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 6rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 6rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 6rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 0.75rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 0.75rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 0.75rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 0.75rem !important;
  }
  .m-lg-4 {
    margin: 1rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1rem !important;
  }
  .m-lg-5 {
    margin: 1.5rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 1.5rem !important;
  }
  .m-lg-6 {
    margin: 2rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 2rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 2rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 2rem !important;
  }
  .m-lg-7 {
    margin: 3rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 3rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 3rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 3rem !important;
  }
  .m-lg-8 {
    margin: 4rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 4rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 4rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 4rem !important;
  }
  .m-lg-9 {
    margin: 6rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 6rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 6rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 6rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 0.75rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.75rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 0.75rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 0.75rem !important;
  }
  .p-lg-4 {
    padding: 1rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1rem !important;
  }
  .p-lg-5 {
    padding: 1.5rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 1.5rem !important;
  }
  .p-lg-6 {
    padding: 2rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 2rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 2rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 2rem !important;
  }
  .p-lg-7 {
    padding: 3rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 3rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 3rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 3rem !important;
  }
  .p-lg-8 {
    padding: 4rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 4rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 4rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 4rem !important;
  }
  .p-lg-9 {
    padding: 6rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 6rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 6rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 6rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1280px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 0.75rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 0.75rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 0.75rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 0.75rem !important;
  }
  .m-xl-4 {
    margin: 1rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1rem !important;
  }
  .m-xl-5 {
    margin: 1.5rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 1.5rem !important;
  }
  .m-xl-6 {
    margin: 2rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 2rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 2rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 2rem !important;
  }
  .m-xl-7 {
    margin: 3rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 3rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 3rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 3rem !important;
  }
  .m-xl-8 {
    margin: 4rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 4rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 4rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 4rem !important;
  }
  .m-xl-9 {
    margin: 6rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 6rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 6rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 6rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 0.75rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 0.75rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 0.75rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 0.75rem !important;
  }
  .p-xl-4 {
    padding: 1rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1rem !important;
  }
  .p-xl-5 {
    padding: 1.5rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 1.5rem !important;
  }
  .p-xl-6 {
    padding: 2rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 2rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 2rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 2rem !important;
  }
  .p-xl-7 {
    padding: 3rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 3rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 3rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 3rem !important;
  }
  .p-xl-8 {
    padding: 4rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 4rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 4rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 4rem !important;
  }
  .p-xl-9 {
    padding: 6rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 6rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 6rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 6rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/*********************************************************************************/
/* Display                                                                       */
/*********************************************************************************/
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
#headerMenuCollapse {
    padding: 0 10px !important;
}
@media (min-width: 576px) {
  .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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1280px) {
  .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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/*********************************************************************************/
/* flex justify align                                                                         */
/*********************************************************************************/
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1280px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

/*********************************************************************************/
/* stamp                                                                            */
/*********************************************************************************/

.stamp {
  color: #fff;
  background: #868e96;
  display: inline-block;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .25rem;
  line-height: 2rem;
  text-align: center;
  border-radius: 3px;
  font-weight: 600;
}

.stamp-md {
  min-width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
}

/*********************************************************************************/
/* BG                                                                            */
/*********************************************************************************/

.bg-red {
  background-color: #cd201f !important;
}

a.bg-red:hover, a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus {
  background-color: #a11918 !important;
}

.text-red {
  color: #cd201f !important;
}

/*********************************************************************************/
/* fe                                                                            */
/*********************************************************************************/
@font-face {
  font-family: "feather";
  src: url("../fonts/feather/feather-webfont.eot?t=1501841394106");
  /* IE9*/
  src: url("../fonts/feather/feather-webfont.eot?t=1501841394106#iefix") format("embedded-opentype"), url("../fonts/feather/feather-webfont.woff?t=1501841394106") format("woff"), url("../fonts/feather/feather-webfont.ttf?t=1501841394106") format("truetype"), url("../fonts/feather/feather-webfont.svg?t=1501841394106#feather") format("svg");
  /* iOS 4.1- */
}

.fe {
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fe-activity:before {
  content: "\e900";
}

.fe-airplay:before {
  content: "\e901";
}

.fe-alert-circle:before {
  content: "\e902";
}

.fe-alert-octagon:before {
  content: "\e903";
}

.fe-alert-triangle:before {
  content: "\e904";
}

.fe-align-center:before {
  content: "\e905";
}

.fe-align-justify:before {
  content: "\e906";
}

.fe-align-left:before {
  content: "\e907";
}

.fe-align-right:before {
  content: "\e908";
}

.fe-anchor:before {
  content: "\e909";
}

.fe-aperture:before {
  content: "\e90a";
}

.fe-arrow-down:before {
  content: "\e90b";
}

.fe-arrow-down-circle:before {
  content: "\e90c";
}

.fe-arrow-down-left:before {
  content: "\e90d";
}

.fe-arrow-down-right:before {
  content: "\e90e";
}

.fe-arrow-left:before {
  content: "\e90f";
}

.fe-arrow-left-circle:before {
  content: "\e910";
}

.fe-arrow-right:before {
  content: "\e911";
}

.fe-arrow-right-circle:before {
  content: "\e912";
}

.fe-arrow-up:before {
  content: "\e913";
}

.fe-arrow-up-circle:before {
  content: "\e914";
}

.fe-arrow-up-left:before {
  content: "\e915";
}

.fe-arrow-up-right:before {
  content: "\e916";
}

.fe-at-sign:before {
  content: "\e917";
}

.fe-award:before {
  content: "\e918";
}

.fe-bar-chart:before {
  content: "\e919";
}

.fe-bar-chart-2:before {
  content: "\e91a";
}

.fe-battery:before {
  content: "\e91b";
}

.fe-battery-charging:before {
  content: "\e91c";
}

.fe-bell:before {
  content: "\e91d";
}

.fe-bell-off:before {
  content: "\e91e";
}

.fe-bluetooth:before {
  content: "\e91f";
}

.fe-bold:before {
  content: "\e920";
}

.fe-book:before {
  content: "\e921";
}

.fe-book-open:before {
  content: "\e922";
}

.fe-bookmark:before {
  content: "\e923";
}

.fe-box:before {
  content: "\e924";
}

.fe-briefcase:before {
  content: "\e925";
}

.fe-calendar:before {
  content: "\e926";
}

.fe-camera:before {
  content: "\e927";
}

.fe-camera-off:before {
  content: "\e928";
}

.fe-cast:before {
  content: "\e929";
}

.fe-check:before {
  content: "\e92a";
}

.fe-check-circle:before {
  content: "\e92b";
}

.fe-check-square:before {
  content: "\e92c";
}

.fe-chevron-down:before {
  content: "\e92d";
}

.fe-chevron-left:before {
  content: "\e92e";
}

.fe-chevron-right:before {
  content: "\e92f";
}

.fe-chevron-up:before {
  content: "\e930";
}

.fe-chevrons-down:before {
  content: "\e931";
}

.fe-chevrons-left:before {
  content: "\e932";
}

.fe-chevrons-right:before {
  content: "\e933";
}

.fe-chevrons-up:before {
  content: "\e934";
}

.fe-chrome:before {
  content: "\e935";
}

.fe-circle:before {
  content: "\e936";
}

.fe-clipboard:before {
  content: "\e937";
}

.fe-clock:before {
  content: "\e938";
}

.fe-cloud:before {
  content: "\e939";
}

.fe-cloud-drizzle:before {
  content: "\e93a";
}

.fe-cloud-lightning:before {
  content: "\e93b";
}

.fe-cloud-off:before {
  content: "\e93c";
}

.fe-cloud-rain:before {
  content: "\e93d";
}

.fe-cloud-snow:before {
  content: "\e93e";
}

.fe-code:before {
  content: "\e93f";
}

.fe-codepen:before {
  content: "\e940";
}

.fe-command:before {
  content: "\e941";
}

.fe-compass:before {
  content: "\e942";
}

.fe-copy:before {
  content: "\e943";
}

.fe-corner-down-left:before {
  content: "\e944";
}

.fe-corner-down-right:before {
  content: "\e945";
}

.fe-corner-left-down:before {
  content: "\e946";
}

.fe-corner-left-up:before {
  content: "\e947";
}

.fe-corner-right-down:before {
  content: "\e948";
}

.fe-corner-right-up:before {
  content: "\e949";
}

.fe-corner-up-left:before {
  content: "\e94a";
}

.fe-corner-up-right:before {
  content: "\e94b";
}

.fe-cpu:before {
  content: "\e94c";
}

.fe-credit-card:before {
  content: "\e94d";
}

.fe-crop:before {
  content: "\e94e";
}

.fe-crosshair:before {
  content: "\e94f";
}

.fe-database:before {
  content: "\e950";
}

.fe-delete:before {
  content: "\e951";
}

.fe-disc:before {
  content: "\e952";
}

.fe-dollar-sign:before {
  content: "\e953";
}

.fe-download:before {
  content: "\e954";
}

.fe-download-cloud:before {
  content: "\e955";
}

.fe-droplet:before {
  content: "\e956";
}

.fe-edit:before {
  content: "\e957";
}

.fe-edit-2:before {
  content: "\e958";
}

.fe-edit-3:before {
  content: "\e959";
}

.fe-external-link:before {
  content: "\e95a";
}

.fe-eye:before {
  content: "\e95b";
}

.fe-eye-off:before {
  content: "\e95c";
}

.fe-facebook:before {
  content: "\e95d";
}

.fe-fast-forward:before {
  content: "\e95e";
}

.fe-feather:before {
  content: "\e95f";
}

.fe-file:before {
  content: "\e960";
}

.fe-file-minus:before {
  content: "\e961";
}

.fe-file-plus:before {
  content: "\e962";
}

.fe-file-text:before {
  content: "\e963";
}

.fe-film:before {
  content: "\e964";
}

.fe-filter:before {
  content: "\e965";
}

.fe-flag:before {
  content: "\e966";
}

.fe-folder:before {
  content: "\e967";
}

.fe-folder-minus:before {
  content: "\e968";
}

.fe-folder-plus:before {
  content: "\e969";
}

.fe-git-branch:before {
  content: "\e96a";
}

.fe-git-commit:before {
  content: "\e96b";
}

.fe-git-merge:before {
  content: "\e96c";
}

.fe-git-pull-request:before {
  content: "\e96d";
}

.fe-github:before {
  content: "\e96e";
}

.fe-gitlab:before {
  content: "\e96f";
}

.fe-globe:before {
  content: "\e970";
}

.fe-grid:before {
  content: "\e971";
}

.fe-hard-drive:before {
  content: "\e972";
}

.fe-hash:before {
  content: "\e973";
}

.fe-headphones:before {
  content: "\e974";
}

.fe-heart:before {
  content: "\e975";
}

.fe-help-circle:before {
  content: "\e976";
}

.fe-home:before {
  content: "\e977";
}

.fe-image:before {
  content: "\e978";
}

.fe-inbox:before {
  content: "\e979";
}

.fe-info:before {
  content: "\e97a";
}

.fe-instagram:before {
  content: "\e97b";
}

.fe-italic:before {
  content: "\e97c";
}

.fe-layers:before {
  content: "\e97d";
}

.fe-layout:before {
  content: "\e97e";
}

.fe-life-buoy:before {
  content: "\e97f";
}

.fe-link:before {
  content: "\e980";
}

.fe-link-2:before {
  content: "\e981";
}

.fe-linkedin:before {
  content: "\e982";
}

.fe-list:before {
  content: "\e983";
}

.fe-loader:before {
  content: "\e984";
}

.fe-lock:before {
  content: "\e985";
}

.fe-log-in:before {
  content: "\e986";
}

.fe-log-out:before {
  content: "\e987";
}

.fe-mail:before {
  content: "\e988";
}

.fe-map:before {
  content: "\e989";
}

.fe-map-pin:before {
  content: "\e98a";
}

.fe-maximize:before {
  content: "\e98b";
}

.fe-maximize-2:before {
  content: "\e98c";
}

.fe-menu:before {
  content: "\e98d";
}

.fe-message-circle:before {
  content: "\e98e";
}

.fe-message-square:before {
  content: "\e98f";
}

.fe-mic:before {
  content: "\e990";
}

.fe-mic-off:before {
  content: "\e991";
}

.fe-minimize:before {
  content: "\e992";
}

.fe-minimize-2:before {
  content: "\e993";
}

.fe-minus:before {
  content: "\e994";
}

.fe-minus-circle:before {
  content: "\e995";
}

.fe-minus-square:before {
  content: "\e996";
}

.fe-monitor:before {
  content: "\e997";
}

.fe-moon:before {
  content: "\e998";
}

.fe-more-horizontal:before {
  content: "\e999";
}

.fe-more-vertical:before {
  content: "\e99a";
}

.fe-move:before {
  content: "\e99b";
}

.fe-music:before {
  content: "\e99c";
}

.fe-navigation:before {
  content: "\e99d";
}

.fe-navigation-2:before {
  content: "\e99e";
}

.fe-octagon:before {
  content: "\e99f";
}

.fe-package:before {
  content: "\e9a0";
}

.fe-paperclip:before {
  content: "\e9a1";
}

.fe-pause:before {
  content: "\e9a2";
}

.fe-pause-circle:before {
  content: "\e9a3";
}

.fe-percent:before {
  content: "\e9a4";
}

.fe-phone:before {
  content: "\e9a5";
}

.fe-phone-call:before {
  content: "\e9a6";
}

.fe-phone-forwarded:before {
  content: "\e9a7";
}

.fe-phone-incoming:before {
  content: "\e9a8";
}

.fe-phone-missed:before {
  content: "\e9a9";
}

.fe-phone-off:before {
  content: "\e9aa";
}

.fe-phone-outgoing:before {
  content: "\e9ab";
}

.fe-pie-chart:before {
  content: "\e9ac";
}

.fe-play:before {
  content: "\e9ad";
}

.fe-play-circle:before {
  content: "\e9ae";
}

.fe-plus:before {
  content: "\e9af";
}

.fe-plus-circle:before {
  content: "\e9b0";
}

.fe-plus-square:before {
  content: "\e9b1";
}

.fe-pocket:before {
  content: "\e9b2";
}

.fe-power:before {
  content: "\e9b3";
}

.fe-printer:before {
  content: "\e9b4";
}

.fe-radio:before {
  content: "\e9b5";
}

.fe-refresh-ccw:before {
  content: "\e9b6";
}

.fe-refresh-cw:before {
  content: "\e9b7";
}

.fe-repeat:before {
  content: "\e9b8";
}

.fe-rewind:before {
  content: "\e9b9";
}

.fe-rotate-ccw:before {
  content: "\e9ba";
}

.fe-rotate-cw:before {
  content: "\e9bb";
}

.fe-rss:before {
  content: "\e9bc";
}

.fe-save:before {
  content: "\e9bd";
}

.fe-scissors:before {
  content: "\e9be";
}

.fe-search:before {
  content: "\e9bf";
}

.fe-send:before {
  content: "\e9c0";
}

.fe-server:before {
  content: "\e9c1";
}

.fe-settings:before {
  content: "\e9c2";
}

.fe-share:before {
  content: "\e9c3";
}

.fe-share-2:before {
  content: "\e9c4";
}

.fe-shield:before {
  content: "\e9c5";
}

.fe-shield-off:before {
  content: "\e9c6";
}

.fe-shopping-bag:before {
  content: "\e9c7";
}

.fe-shopping-cart:before {
  content: "\e9c8";
}

.fe-shuffle:before {
  content: "\e9c9";
}

.fe-sidebar:before {
  content: "\e9ca";
}

.fe-skip-back:before {
  content: "\e9cb";
}

.fe-skip-forward:before {
  content: "\e9cc";
}

.fe-slack:before {
  content: "\e9cd";
}

.fe-slash:before {
  content: "\e9ce";
}

.fe-sliders:before {
  content: "\e9cf";
}

.fe-smartphone:before {
  content: "\e9d0";
}

.fe-speaker:before {
  content: "\e9d1";
}

.fe-square:before {
  content: "\e9d2";
}

.fe-star:before {
  content: "\e9d3";
}

.fe-stop-circle:before {
  content: "\e9d4";
}

.fe-sun:before {
  content: "\e9d5";
}

.fe-sunrise:before {
  content: "\e9d6";
}

.fe-sunset:before {
  content: "\e9d7";
}

.fe-tablet:before {
  content: "\e9d8";
}

.fe-tag:before {
  content: "\e9d9";
}

.fe-target:before {
  content: "\e9da";
}

.fe-terminal:before {
  content: "\e9db";
}

.fe-thermometer:before {
  content: "\e9dc";
}

.fe-thumbs-down:before {
  content: "\e9dd";
}

.fe-thumbs-up:before {
  content: "\e9de";
}

.fe-toggle-left:before {
  content: "\e9df";
}

.fe-toggle-right:before {
  content: "\e9e0";
}

.fe-trash:before {
  content: "\e9e1";
}

.fe-trash-2:before {
  content: "\e9e2";
}

.fe-trending-down:before {
  content: "\e9e3";
}

.fe-trending-up:before {
  content: "\e9e4";
}

.fe-triangle:before {
  content: "\e9e5";
}

.fe-truck:before {
  content: "\e9e6";
}

.fe-tv:before {
  content: "\e9e7";
}

.fe-twitter:before {
  content: "\e9e8";
}

.fe-type:before {
  content: "\e9e9";
}

.fe-umbrella:before {
  content: "\e9ea";
}

.fe-underline:before {
  content: "\e9eb";
}

.fe-unlock:before {
  content: "\e9ec";
}

.fe-upload:before {
  content: "\e9ed";
}

.fe-upload-cloud:before {
  content: "\e9ee";
}

.fe-user:before {
  content: "\e9ef";
}

.fe-user-check:before {
  content: "\e9f0";
}

.fe-user-minus:before {
  content: "\e9f1";
}

.fe-user-plus:before {
  content: "\e9f2";
}

.fe-user-x:before {
  content: "\e9f3";
}

.fe-users:before {
  content: "\e9f4";
}

.fe-video:before {
  content: "\e9f5";
}

.fe-video-off:before {
  content: "\e9f6";
}

.fe-voicemail:before {
  content: "\e9f7";
}

.fe-volume:before {
  content: "\e9f8";
}

.fe-volume-1:before {
  content: "\e9f9";
}

.fe-volume-2:before {
  content: "\e9fa";
}

.fe-volume-x:before {
  content: "\e9fb";
}

.fe-watch:before {
  content: "\e9fc";
}

.fe-wifi:before {
  content: "\e9fd";
}

.fe-wifi-off:before {
  content: "\e9fe";
}

.fe-wind:before {
  content: "\e9ff";
}

.fe-x:before {
  content: "\ea00";
}

.fe-x-circle:before {
  content: "\ea01";
}

.fe-x-square:before {
  content: "\ea02";
}

.fe-zap:before {
  content: "\ea03";
}

.fe-zap-off:before {
  content: "\ea04";
}

.fe-zoom-in:before {
  content: "\ea05";
}

.fe-zoom-out:before {
  content: "\ea06";
}
/**2024.01.25**/
#select-stock .custom-select {width: 32%;margin-top:5px;}
.enter_mo_message {display:none;}
.btn-list.text-right {margin-top: 20px;}

/** 2025.04.22 팝업 **/
.popup {
    position: absolute;
    z-index: 9999;
    background: #fff;
}

.popup_bottom {
    clear: both;
    background: #000;
    padding-right: 12px;
    text-align: right;
    height: 30px;
}

.popup_bottom div {
    display: inline-block;
    position: relative;
}

.popup_check_desc {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px;
}

.popup_close {
    font-size: 13px;
    color: yellow;
    line-height: 30px;
}


/* input number 스피너 항상 보이게하기*/
[type="number"] {
    opacity: 1;
}
/* 모든(Firefox 포함) 최신 브라우저에서 호환 */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    opacity: 1;
}

.cancle_reason {
    margin-bottom: 20px;
}
.cancle_reason select {
    padding: 6px;
    display: inline-block;
	margin-bottom:10px;
}
.order-cancel-reason {
    border: #ddd 1px solid;
    padding: 24px;
    margin-top: 20px;
    color: red;
    text-align: center;
    font-weight: bold;
}