/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
:root{
  --falcon-font-sans-serif : "Open Sans","NanumBarunGothic","Noto Sans KR", sans-serif;
  --falcon-font-sans-serif : "NanumBarunGothic","Noto Sans KR", sans-serif;
}
:root .table,
[data-bs-theme=light] .table{
  --falcon-table-color : #333;
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.form-select,
.form-control,
.btn{
  --falcon-border-radius : .5rem;
  --falcon-btn-padding-y : .5rem;
}

.card {font-size:0.9rem;}
.form-select,
.form-control{border-radius: var(--falcon-border-radius); padding: var(--falcon-btn-padding-y) 1rem}
.btn{border-radius: var(--falcon-border-radius)}

.form-list-select {
  --falcon-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234d5969' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  padding: 0.3125rem 2rem 0.3125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--falcon-input-color);
  background-color: var(--falcon-input-bg);
  background-image: var(--falcon-form-select-bg-img), var(--falcon-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  border: var(--falcon-border-width) solid var(--falcon-input-border-color);
  border-radius: var(--falcon-border-radius);
  -webkit-box-shadow: var(--falcon-box-shadow-inset);
  box-shadow: var(--falcon-box-shadow-inset);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-list-control {
  display: block;
  padding: 0.3125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--falcon-input-color);
  background-color: var(--falcon-input-bg);
  background-clip: padding-box;
  border: var(--falcon-border-width) solid var(--falcon-input-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--falcon-border-radius);
  -webkit-box-shadow: var(--falcon-box-shadow-inset);
  box-shadow: var(--falcon-box-shadow-inset);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-img-button {
	font-size: 1rem;
	background:none;
  border:0;
  cursor: pointer;
  position: relative;
  opacity: 0.5;
 
}

.btn-img-button:hover {
  opacity: 1;
}


.btn_category_img {
  display: inline-block;
  padding: 0.3rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--falcon-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: var(--falcon-btn-border-width) solid var(--falcon-btn-border-color);
  border-radius: var(--falcon-btn-border-radius);
  background-color: var(--falcon-btn-bg);
  -webkit-box-shadow: var(--falcon-btn-box-shadow);
  box-shadow: var(--falcon-btn-box-shadow);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-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;
  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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}

@media (max-width: 557px) {
	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}
}

/* common */
body{font-family: var(--falcon-font-sans-serif); font-size: 18px; background-color: #f9f9f9; }
section,
ul,li,
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
ul,li{list-style: none;}

a{color: inherit; }
a:hover{text-decoration: none}

#alert_message_box:not(.show){z-index: -1;}

body{}

#nav{position: fixed; top: 0; left: 0; background: #333; width: 300px; height: 100dvh; z-index: 2; display: none}
#nav>*{ flex-direction: column; overflow: auto; }
#nav a>*{color: #fff !important;}
.nav_items>span{line-height: 50px}
#nav .btn-close{position: absolute; top: 20px; right: 20px; filter: brightness(0) invert(1); }

.sub_nav li a{font-size: 13px; text-indent: 15px; }

.container-fluid{width: 100%; max-width: 1600px; overflow: visible}
.container-fluid[data-layout="container"]{padding-top: 50px}

/* page_box pager*/
.page_box{display: flex; gap: 4px; overflow: auto}
.page_box::-webkit-scrollbar{display: none}
.page_box>a{display: block; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-family: 'GmarketSansMedium'; font-size: 0.9rem; border-radius: 4px; background-color: var(--falcon-gray-200); color: var(--falcon-gray-700); flex-shrink: 0}
.page_box>a:hover{background-color: var(--falcon-primary-bg-subtle); color: var(--falcon-dark)}
.page_box>a.on{background-color: var(--falcon-primary); color: #fff; }

/* avatar */
.avatar-circle{display: flex; align-items: center; justify-content: center; border-radius: 50%; }

/* font */
.fs-12px{font-size: 12px}

.writing-mode-column{writing-mode: vertical-lr}

/* size width height */
.dvh-100{height: 100dvh !important;}

/* input */
pre{white-space: pre-wrap; font-family: inherit;}

.form-control.default{border-width: 0; border-bottom-width: 1px; border-radius: 0; box-shadow: none; padding: 0; }

.form-check.type1{padding:0; margin:0}
.form-check.type1 .form-check-input{appearance: none; border: 0; opacity: 0; position: absolute; top:0; left: 0; z-index: -1;}
.form-check.type1 .form-check-input+.form-check-label{background-color: var(--falcon-gray-100); padding: 0px 20px; line-height: 40px; border-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: inset 2px 2px 5px rgba(0,0,0,.05); color: var(--falcon-gray-500); margin-bottom: 0; transition: all .1s;}
.form-check.type1 .form-check-input:checked+.form-check-label{background-color: var(--falcon-primary); color: #fff;  box-shadow: inset 2px 2px 5px rgba(255,255,255,.4);}

/* hover */
.hover-opacity-100:hover{opacity: 1 !important;}
.hover-text-docoration-none:hover{text-decoration: none !important;}

.hover-bg-100:hover{background-color: #f9f9f9 !important;}
.hover-bg-white-25:hover{background-color: rgba(255,255,255,.25)}
.hover-bg-white-50:hover{background-color: rgba(255,255,255,.5)}
.hover-bg-white-75:hover{background-color: rgba(255,255,255,.75)}
.hover-bg-white-100:hover{background-color: rgba(255,255,255,1)}

.hover-el .hover-target-show{display: none}
.hover-el:hover .hover-target-show{display: block}

/* flex 플렉스 */
.flex-2{flex: 2 !important;}

/* 그리드 */
.grid-col-1{grid-template-columns: repeat(1,1fr); }
.grid-col-2{grid-template-columns: repeat(2,1fr); }
.grid-col-3{grid-template-columns: repeat(3,1fr); }
.grid-col-4{grid-template-columns: repeat(4,1fr); }
.grid-col-5{grid-template-columns: repeat(5,1fr); }
.grid-col-6{grid-template-columns: repeat(6,1fr); }
.grid-col-7{grid-template-columns: repeat(7,1fr); }
.grid-col-8{grid-template-columns: repeat(8,1fr); }
.grid-col-9{grid-template-columns: repeat(9,1fr); }
.grid-col-10{grid-template-columns: repeat(10,1fr); }
.grid-col-11{grid-template-columns: repeat(11,1fr); }
.grid-col-12{grid-template-columns: repeat(12,1fr); }

[class*="grid-col-"]>.col-1{grid-column: span 1; width: auto;}
[class*="grid-col-"]>.col-2{grid-column: span 2;width: auto;}
[class*="grid-col-"]>.col-3{grid-column: span 3;width: auto;}
[class*="grid-col-"]>.col-4{grid-column: span 4;width: auto;}
[class*="grid-col-"]>.col-5{grid-column: span 5;width: auto;}
[class*="grid-col-"]>.col-6{grid-column: span 6;width: auto;}
[class*="grid-col-"]>.col-7{grid-column: span 7;width: auto;}
[class*="grid-col-"]>.col-8{grid-column: span 8;width: auto;}
[class*="grid-col-"]>.col-9{grid-column: span 9;width: auto;}
[class*="grid-col-"]>.col-10{grid-column: span 10;width: auto;}
[class*="grid-col-"]>.col-11{grid-column: span 11;width: auto;}
[class*="grid-col-"]>.col-12{grid-column: span 12;width: auto;}

/* transform */
.rotate-90{transform: rotate(90deg)}
.rotate-180{transform: rotate(180deg)}
.rotate-270{transform: rotate(270deg)}

/* dot */
.dot-sm{width: .25rem; height: .25rem; }

/* content */
/* card */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
  --falcon-heading-color: #333;
}
.card{
  --falcon-card-color : #333;
}
/* fullCalnendar */
.fc-state-default{background: none;}
.fc .fc-toolbar>*>*{margin-left: .25rem;}
.fc-view table table>*>*>*{padding: .5rem;}
.fc-view table table>*>*>.fc-event-container{padding: 0 .5rem;}
.fc-view table table>thead>*>*{background: var(--falcon-gray-100);}

.fc-unthemed td.fc-today{background: rgba(var(--falcon-info-rgb),.05)}

.fc-day-top{text-align: center;}
.fc-day-number{width: 100%; line-height: 28px; margin: 0 auto; color: inherit; pointer-events: none;float: none !important; display: block; font-size: .75rem;}

.fc .fc-h-event{background: var(--falcon-blue); padding: .25rem; border: none;}


@media (min-width: 576px){
  .grid-col-sm-1{ grid-template-columns: repeat(1,1fr); }
  .grid-col-sm-2{ grid-template-columns: repeat(2,1fr); }
  .grid-col-sm-3{ grid-template-columns: repeat(3,1fr); }
  .grid-col-sm-4{ grid-template-columns: repeat(4,1fr); }
  .grid-col-sm-5{ grid-template-columns: repeat(5,1fr); }
  .grid-col-sm-6{ grid-template-columns: repeat(6,1fr); }
  .grid-col-sm-7{ grid-template-columns: repeat(7,1fr); }
  .grid-col-sm-8{ grid-template-columns: repeat(8,1fr); }
  .grid-col-sm-9{ grid-template-columns: repeat(9,1fr); }
  .grid-col-sm-10{ grid-template-columns: repeat(10,1fr); }
  .grid-col-sm-11{ grid-template-columns: repeat(11,1fr); }
  .grid-col-sm-12{ grid-template-columns: repeat(12,1fr); }

  [class*="grid-col-"]>.col-sm-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-sm-2{grid-column: span 2;width: auto;}
  [class*="grid-col-"]>.col-sm-3{grid-column: span 3;width: auto;}
  [class*="grid-col-"]>.col-sm-4{grid-column: span 4;width: auto;}
  [class*="grid-col-"]>.col-sm-5{grid-column: span 5;width: auto;}
  [class*="grid-col-"]>.col-sm-6{grid-column: span 6;width: auto;}
  [class*="grid-col-"]>.col-sm-7{grid-column: span 7;width: auto;}
  [class*="grid-col-"]>.col-sm-8{grid-column: span 8;width: auto;}
  [class*="grid-col-"]>.col-sm-9{grid-column: span 9;width: auto;}
  [class*="grid-col-"]>.col-sm-10{grid-column: span 10;width: auto;}
  [class*="grid-col-"]>.col-sm-11{grid-column: span 11;width: auto;}
  [class*="grid-col-"]>.col-sm-12{grid-column: span 12;width: auto;}

  .flex-sm-1{flex:1 !important;}
  .flex-sm-2{flex:2 !important;}

  .writing-mode-sm-row{writing-mode: lr}
  .writing-mode-sm-column{writing-mode: vertical-lr}

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

  .top-sm-0{top: 0% !important;}
  .top-sm-50{top: 50% !important;}
  .top-sm-100{top: 100% !important;}
}
@media (min-width: 768px){
  /* header */
  .sub_nav li a{font-size: 14px; text-indent: 0;  }

  .grid-col-md-1{ grid-template-columns: repeat(1,1fr); }
  .grid-col-md-2{ grid-template-columns: repeat(2,1fr); }
  .grid-col-md-3{ grid-template-columns: repeat(3,1fr); }
  .grid-col-md-4{ grid-template-columns: repeat(4,1fr); }
  .grid-col-md-5{ grid-template-columns: repeat(5,1fr); }
  .grid-col-md-6{ grid-template-columns: repeat(6,1fr); }
  .grid-col-md-7{ grid-template-columns: repeat(7,1fr); }
  .grid-col-md-8{ grid-template-columns: repeat(8,1fr); }
  .grid-col-md-9{ grid-template-columns: repeat(9,1fr); }
  .grid-col-md-10{ grid-template-columns: repeat(10,1fr); }
  .grid-col-md-11{ grid-template-columns: repeat(11,1fr); }
  .grid-col-md-12{ grid-template-columns: repeat(12,1fr); }

  [class*="grid-col-"]>.col-md-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-md-2{grid-column: span 2;width: auto;}
  [class*="grid-col-"]>.col-md-3{grid-column: span 3;width: auto;}
  [class*="grid-col-"]>.col-md-4{grid-column: span 4;width: auto;}
  [class*="grid-col-"]>.col-md-5{grid-column: span 5;width: auto;}
  [class*="grid-col-"]>.col-md-6{grid-column: span 6;width: auto;}
  [class*="grid-col-"]>.col-md-7{grid-column: span 7;width: auto;}
  [class*="grid-col-"]>.col-md-8{grid-column: span 8;width: auto;}
  [class*="grid-col-"]>.col-md-9{grid-column: span 9;width: auto;}
  [class*="grid-col-"]>.col-md-10{grid-column: span 10;width: auto;}
  [class*="grid-col-"]>.col-md-11{grid-column: span 11;width: auto;}
  [class*="grid-col-"]>.col-md-12{grid-column: span 12;width: auto;}

  .flex-md-1{flex:1 !important;}
  .flex-md-2{flex:2 !important;}

  .writing-mode-md-row{writing-mode: lr}
  .writing-mode-md-column{writing-mode: vertical-lr}

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

  .top-md-0{top: 0% !important;}
  .top-md-50{top: 50% !important;}
  .top-md-100{top: 100% !important;}

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

  .bg-md-transparent{background: transparent !important;}
}
@media (min-width: 992px){

  /* common */
  #header{position: relative}
  #header.on>*{z-index: 5;position: static}
  #header.on .container-fluid{position: relative; overflow: visible}
  #header.on::after{content: ""; display: block; width: 100%; height: 200px; background: rgba(0,0,0,.6); position: absolute; top: 100%; left: 0; width: 100%; z-index: 4}
  #header.on .container-fluid::after{content: ""; display: block; width: 100%; height: 1px; background: rgba(255,255,255,.5); position: absolute; top: 100%; left: 0}
  #header.on #logo{filter: brightness(0) invert(1)}

  #m_nav{display: none}
  #nav>*{overflow: inherit}
  #nav>*>*>a{padding-right: 50px; font-size: 18px}
  #nav a>*{color: #fff !important;}

  #nav>*>* .nav_items>span{position: relative}
  #nav>*>* .nav_items>span::after{content:""; display: block; width: 0%; height: 1px; background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: all .3s; }
  #nav>*>*:hover .nav_items>span::after{width: 100%; }
  #header.on #nav a>*{color: #fff !important;}
  #header.on #nav{}
  #header.on #nav a>span{color: white !important;}
  #header #nav>*>*>a{transition: all .3s; }
  #header.on #nav>*>*>a{}

  #nav{position: static; background: transparent; display: block; width: auto; height: auto}

  .sub_nav{display: none}
  .sub_nav{position: absolute; top: 100%; left: 0}
  .sub_nav li a{font-size: 15px}

  .nav_items>span{line-height: 90px}

  #nav .btn-close{display: none}



  .grid-col-lg-1{ grid-template-columns: repeat(1,1fr); }
  .grid-col-lg-2{ grid-template-columns: repeat(2,1fr); }
  .grid-col-lg-3{ grid-template-columns: repeat(3,1fr); }
  .grid-col-lg-4{ grid-template-columns: repeat(4,1fr); }
  .grid-col-lg-5{ grid-template-columns: repeat(5,1fr); }
  .grid-col-lg-6{ grid-template-columns: repeat(6,1fr); }
  .grid-col-lg-7{ grid-template-columns: repeat(7,1fr); }
  .grid-col-lg-8{ grid-template-columns: repeat(8,1fr); }
  .grid-col-lg-9{ grid-template-columns: repeat(9,1fr); }
  .grid-col-lg-10{ grid-template-columns: repeat(10,1fr); }
  .grid-col-lg-11{ grid-template-columns: repeat(11,1fr); }
  .grid-col-lg-12{ grid-template-columns: repeat(12,1fr); }

  [class*="grid-col-"]>.col-lg-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-lg-2{grid-column: span 2;width: auto;}
  [class*="grid-col-"]>.col-lg-3{grid-column: span 3;width: auto;}
  [class*="grid-col-"]>.col-lg-4{grid-column: span 4;width: auto;}
  [class*="grid-col-"]>.col-lg-5{grid-column: span 5;width: auto;}
  [class*="grid-col-"]>.col-lg-6{grid-column: span 6;width: auto;}
  [class*="grid-col-"]>.col-lg-7{grid-column: span 7;width: auto;}
  [class*="grid-col-"]>.col-lg-8{grid-column: span 8;width: auto;}
  [class*="grid-col-"]>.col-lg-9{grid-column: span 9;width: auto;}
  [class*="grid-col-"]>.col-lg-10{grid-column: span 10;width: auto;}
  [class*="grid-col-"]>.col-lg-11{grid-column: span 11;width: auto;}
  [class*="grid-col-"]>.col-lg-12{grid-column: span 12;width: auto;}

  .flex-lg-1{flex:1 !important;}
  .flex-lg-2{flex:2 !important;}

  .writing-mode-lg-row{writing-mode: lr}
  .writing-mode-lg-column{writing-mode: vertical-lr}

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

  .top-lg-0{top: 0% !important;}
  .top-lg-50{top: 50% !important;}
  .top-lg-100{top: 100% !important;}
}
@media (min-width: 1200px){
  .navbar-vertical.navbar-expand-xl .navbar-collapse{margin-top: 0;}
  .grid-col-xl-1{ grid-template-columns: repeat(1,1fr); }
  .grid-col-xl-2{ grid-template-columns: repeat(2,1fr); }
  .grid-col-xl-3{ grid-template-columns: repeat(3,1fr); }
  .grid-col-xl-4{ grid-template-columns: repeat(4,1fr); }
  .grid-col-xl-5{ grid-template-columns: repeat(5,1fr); }
  .grid-col-xl-6{ grid-template-columns: repeat(6,1fr); }
  .grid-col-xl-7{ grid-template-columns: repeat(7,1fr); }
  .grid-col-xl-8{ grid-template-columns: repeat(8,1fr); }
  .grid-col-xl-9{ grid-template-columns: repeat(9,1fr); }
  .grid-col-xl-10{ grid-template-columns: repeat(10,1fr); }
  .grid-col-xl-11{ grid-template-columns: repeat(11,1fr); }
  .grid-col-xl-12{ grid-template-columns: repeat(12,1fr); }

  [class*="grid-col-"]>.col-xl-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-xl-2{grid-column: span 2;width: auto;}
  [class*="grid-col-"]>.col-xl-3{grid-column: span 3;width: auto;}
  [class*="grid-col-"]>.col-xl-4{grid-column: span 4;width: auto;}
  [class*="grid-col-"]>.col-xl-5{grid-column: span 5;width: auto;}
  [class*="grid-col-"]>.col-xl-6{grid-column: span 6;width: auto;}
  [class*="grid-col-"]>.col-xl-7{grid-column: span 7;width: auto;}
  [class*="grid-col-"]>.col-xl-8{grid-column: span 8;width: auto;}
  [class*="grid-col-"]>.col-xl-9{grid-column: span 9;width: auto;}
  [class*="grid-col-"]>.col-xl-10{grid-column: span 10;width: auto;}
  [class*="grid-col-"]>.col-xl-11{grid-column: span 11;width: auto;}
  [class*="grid-col-"]>.col-xl-12{grid-column: span 12;width: auto;}

  .flex-xl-1{flex:1 !important;}
  .flex-xl-2{flex:2 !important;}

  .writing-mode-xl-row{writing-mode: lr}
  .writing-mode-xl-column{writing-mode: vertical-lr}

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

  .top-xl-0{top: 0% !important;}
  .top-xl-50{top: 50% !important;}
  .top-xl-100{top: 100% !important;}
}
@media (min-width: 1540px){
  .grid-col-xxl-1{ grid-template-columns: repeat(1,1fr); }
  .grid-col-xxl-2{ grid-template-columns: repeat(2,1fr); }
  .grid-col-xxl-3{ grid-template-columns: repeat(3,1fr); }
  .grid-col-xxl-4{ grid-template-columns: repeat(4,1fr); }
  .grid-col-xxl-5{ grid-template-columns: repeat(5,1fr); }
  .grid-col-xxl-6{ grid-template-columns: repeat(6,1fr); }
  .grid-col-xxl-7{ grid-template-columns: repeat(7,1fr); }
  .grid-col-xxl-8{ grid-template-columns: repeat(8,1fr); }
  .grid-col-xxl-9{ grid-template-columns: repeat(9,1fr); }
  .grid-col-xxl-10{ grid-template-columns: repeat(10,1fr); }
  .grid-col-xxl-11{ grid-template-columns: repeat(11,1fr); }
  .grid-col-xxl-12{ grid-template-columns: repeat(12,1fr); }

  [class*="grid-col-"]>.col-xxl-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-xxl-2{grid-column: span 2;width: auto;}
  [class*="grid-col-"]>.col-xxl-3{grid-column: span 3;width: auto;}
  [class*="grid-col-"]>.col-xxl-4{grid-column: span 4;width: auto;}
  [class*="grid-col-"]>.col-xxl-5{grid-column: span 5;width: auto;}
  [class*="grid-col-"]>.col-xxl-6{grid-column: span 6;width: auto;}
  [class*="grid-col-"]>.col-xxl-7{grid-column: span 7;width: auto;}
  [class*="grid-col-"]>.col-xxl-8{grid-column: span 8;width: auto;}
  [class*="grid-col-"]>.col-xxl-9{grid-column: span 9;width: auto;}
  [class*="grid-col-"]>.col-xxl-10{grid-column: span 10;width: auto;}
  [class*="grid-col-"]>.col-xxl-11{grid-column: span 11;width: auto;}
  [class*="grid-col-"]>.col-xxl-12{grid-column: span 12;width: auto;}

  .flex-xxl-1{flex:1 !important;}
  .flex-xxl-2{flex:2 !important;}

  .writing-mode-xxl-row{writing-mode: lr}
  .writing-mode-xxl-column{writing-mode: vertical-lr}

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

  .top-xxl-0{top: 0% !important;}
  .top-xxl-50{top: 50% !important;}
  .top-xxl-100{top: 100% !important;}
}