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

@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;
}

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

@font-face {
  font-family: 'Pretendard-Light';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}


body, table, th, td, button, select, input, textarea {font-family: 'Pretendard', Malgun Gothic, Arial, sans-serif; font-size:18px; line-height:120%; color:#333; font-weight:300; -webkit-text-size-adjust:none;}
br {font-family: 'Pretendard', Malgun Gothic, Arial, sans-serif;}
img {max-width:100%; object-fit: scale-down;}
a u {color:#004098;}
i {vertical-align:middle;}
.col_or {color:#ff4e00;}
.col_gr {color:#007e65;}
.col_bl {color:#004098;}
.col_rd {color:#d72330;}
.col_pp {color:#4b3e96;}




/* Header */
#header {position:fixed; top:0; left:0; width:100%; height:100px; background:#3e437c; box-sizing:border-box; z-index:10; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#header .header_inner {position:relative; max-width:1400px; margin:0 auto;}
#header .logo {position:absolute; top:25px; left:0;}
#header .logo img {display:block; height:47px;}

#header .top_menu_wrap {height:100px;}
#header #gnb {position:relative; max-width:1400px; margin:0 auto;}
#header #gnb ul {position:absolute; top:40px; left:235px;}
#header #gnb ul li {float:left; padding:0 34px; text-align:center;}
#header #gnb ul li:last-child {padding-right:0;}
#header #gnb ul li a {display:block; font-size:20px; color: #fff; font-family: 'GmarketSansMedium';}
#header #gnb ul li a:hover {color: #ffe600; }

#header .call {position:absolute; top:20px; right:0; display:block; width:250px; height:65px; background:url(/img/icon_phone.png) no-repeat; padding:5px 0 0 80px; font-family: 'GmarketSansMedium'; color: rgba(255, 255, 255, 0.4);}
#header .call p, .call a{font-size: 26px; color: #fbce00; padding-top: 10px;}
#header .lang {position:absolute; top:35px; right:10px;}
#header .lang li {float:left; padding-left:12px;}
#header .lang li a {display:block; font-size:13px; color:#333; height:30px; line-height:30px;}

.gnb-menu-area {display:none; position:absolute; top:100px; left:0; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.2); background-color:#000000; z-index:11;}
.gnb-menu-area .inner-wrap { max-width:915px; padding:0; margin:auto; box-sizing:border-box;}
.gnb-menu-area .menu-box {position:relative; float:left; height:230px; padding:25px 40px; border-right:1px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;}
.gnb-menu-area .menu-box:first-child {border-left:1px solid rgba(255, 255, 255, 0.2);}
.gnb-menu-area .menu-box:hover {background-color:rgba(255, 255, 255, 0.1);}
.gnb-menu-area .menu-box h2 {margin-bottom:15px; color: #fff; font-size:16px; padding-left: 5px;  font-family: 'GmarketSansMedium';}
.gnb-menu-area .menu-box ul li a {display:block; padding:3px 5px; font-size:16px; color:#a3a3a3; line-height:1.5; letter-spacing:-0.5px;  font-family: 'GmarketSansMedium';}
.gnb-menu-area .menu-box ul li a:hover {text-decoration: underline; }



.dimmed{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:99;}


.type-mobile {display:none;}
.mobile-menu{display:none;}



/*animation*/
@keyframes scroll_down {
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}

.fade-class {
  position: relative;
  bottom: 100px;
  opacity: 0;
  transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0s linear;
}
.fade-in {
  transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s linear;
  bottom: 0px;
  opacity: 1;
}


/* Main */
.main_visual_wrap {position:relative; top:0; }
.main_visual_wrap .main_btn_prev {position:absolute; top:50%; left:2%; }
.main_visual_wrap .main_btn_next {position:absolute; top:50%; right:5%; }
.main_visual_wrap .main_scroll {position:absolute; bottom:80px; left:50%; margin-left:-50px;}

.main_slide {height:860px;}
.main_slide .slide_item {position:relative; height:860px; overflow:hidden;}
.main_slide .main_img1 {background:url(/img/main04.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.main_slide .main_img2 {background:url(/img/main02.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.main_slide .main_img3 {background:url(/img/main03.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }



.main_slide .slick-slide .slide_item .bg {height:800px; z-index: -1; opacity:0; -ms-transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s; transition:transform 7s ease-out, opacity 1s ease 0.3s;}
.main_slide.ani .slick-slide.slick-active .slide_item .bg {opacity:1; -ms-transform:scale(1.1, 1.1) rotate(.001deg); -webkit-transform:scale(1.1, 1.1) rotate(.001deg); transform:scale(1.1, 1.1) rotate(.001deg); -webkit-transition-delay:0s; transition-delay:0s;}



.main_slide .slide_item .txt {position:absolute; top:40%; left:50%; width: 100%; margin-left:-700px; color:#fff; z-index:1; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);}
.main_slide .slide_item .txt_btit {font-family:'Pretendard-Bold'; font-size:54px; font-weight:100; letter-spacing:-1px; line-height:1.3; margin-bottom:30px; -webkit-transform:translateX(-50px); transform:translateX(-50px);}
.main_slide .slide_item .txt_stit {font-family:'Pretendard-Light'; font-size:42px; font-weight:500; letter-spacing:-1px; line-height:1.1; margin-bottom:10px; color:#fff; -webkit-transform:translateX(50px); transform:translateX(50px);}
.main_slide .slide_item .txt_desc {font-family:'Pretendard-Light'; font-size:24px; font-weight:100; line-height:1.5; letter-spacing:-0.5px;  margin-bottom:10px; color:rgba(256,256,256,05); -webkit-transform:translateX(20px); transform:translateX(20px);}

.main_slide .slide_item .view_more {float:right; opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px);}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_stit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition: -webkit-transform 1s; transition:transform 1s; transition: transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_btit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition:-webkit-transform 1s; transition:transform 1s; transition:transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_desc {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition:-webkit-transform 1s; transition:transform 1s; transition:transform 1s;}


/* Sub */
#sub_visual {position:relative; height:600px; margin-top:100px;}
#sub_visual .txt {position: relative; top:40%;  max-width:1400px; padding-left:25px; margin:0 auto; text-align: left;  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}
#sub_visual .txt_stit {font-size:30px; max-width:1400px; margin:0 auto; color:#fff; letter-spacing: -0.5px; font-family: 'Pretendard-Light'; } 
#sub_visual .txt_btit {font-size:45px; color:#fff; line-height:1.8; font-family: 'Pretendard-Bold';}

.sub_img1 {background:url('/img/sub_img1.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img12 {background:url('/img/sub_img12.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img13 {background:url('/img/sub_img13.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img2 {background:url('/img/sub_img2.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img21 {background:url('/img/sub_img21.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img3 {background:url('/img/sub_img3.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img31 {background:url('/img/sub_img31.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img32 {background:url('/img/sub_img32.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img4 {background:url('/img/sub_img4.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img41 {background:url('/img/sub_img41.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img42 {background:url('/img/sub_img42.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img5 {background:url('/img/sub_img5.jpg') no-repeat 50% 50%; background-size:cover; }
.sub_img51 {background:url('/img/sub_img51.jpg') no-repeat 50% 50%; background-size:cover; }

.sub_navi_wrap {position:relative; height:60px; background:#ffffff; z-index:3; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: 100px;}
.sub_navi_wrap>nav {max-width:1400px; margin:auto; font-family:'gmarketsansMedium';}
.sub_navi_wrap>nav:after{content:""; display:block; clear:both;}
.sub_navi_wrap>nav>div {display:block; float:left; border-left:1px solid #d9d9d9; position:relative; cursor:pointer; z-index:9;}
.sub_navi_wrap>nav>div:last-child {border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>a.home {display:block; width:60px; height:60px; line-height:55px; font-size:21px; color:#000000; text-align:center; overflow:hidden;}
.sub_navi_wrap>nav>div>.depth_title {display:block; height:60px; font-size:17px; font-weight:400; letter-spacing:-0.5px; color:#000; width:256px; text-indent:18px; line-height:60px; background:url('/img/icon_snb.png') no-repeat right 15px center; background-size:13px; box-sizing:border-box; padding-right:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul {display:none; overflow:hidden; position:absolute; left:-1px; top:60px; background:#fff; border-bottom:1px solid #d9d9d9; z-index:6;}
.sub_navi_wrap>nav>div>ul>li {height:50px; line-height:50px; font-size:16px; font-weight:400; letter-spacing:-0.5px; text-indent:18px; width:258px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>ul>li>a {display:block; color:#333; transition:all 0.2s ease-out; padding-right:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul>li>a:hover {background:#eee;}

.sub_content_wrap {position:relative; max-width:1200px; min-height:600px; margin:0 auto; padding:80px 0; line-height:1.6;}

.imgtitle{font-family: 'pretendard'; color: #24227c; padding: 10px 0; margin-bottom: 10px; border-radius: 5px;}

/* 반응형 Style */
@media screen and (max-width:1440px){ 
  #header .logo {left:10px;}
  #header .btn_all_menu {right:10px;} 

  .main_visual_wrap .main_btn_prev {left:20px; margin-left:0;}
  .main_visual_wrap .main_btn_next {right:20px; margin-right:0;}
  .main_slide .slide_item .txt {left:100px; margin-left:0;  text-align:left; width: 100%;}
    .main_slide .slide_item .txt_btit {font-size:44px; margin-bottom:20px;}
	.main_slide .slide_item .txt_stit {font-size:30px; margin-bottom:10px;}
  .main_slide .slide_item .txt_desc {font-size:22px;}

}

@media screen and (max-width:1280px){ 
	#header .util_menu ul {right:15px;}
	#header .logo {left:10px;}
	#header #gnb {right:10px;}
  #header .call{display: none;}
  .gnb-menu-area .menu-box {left:100px}

	#sub_visual .txt {max-width:1170px; padding-left: 0; }
	.sub_content_wrap {max-width:1170px; padding:70px 15px 80px;}
 
}

/* @media screen and (max-width:1200px){  
	#header #gnb ul li {padding:0 20px;} 
 } */

@media screen and (max-width:1024px){ 
	#header {height:61px;}
	#header .logo {top:15px;}
	#header .logo img {height:31px;}
	#header .util_menu {display:none;}

	#header #gnb {display:none;}
	#header .btn_all_menu {display:none;}
	#header .lang {display:none;}
	#header .top_menu_wrap {display:none;}

	.type-mobile{display:block; position:absolute; top:19px; right:10px; width:27px; height:20px; background:url(/img/icon_menu_m.png) no-repeat; background-size:100% auto; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}
	.mobile-menu{display:block;}

	.dimmed {display:none; width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:10; opacity:0.5;}
	.dimmed.show {display:block;}

	.mobile-menu{position:fixed; top:0; right:-3000px; width:300px; height:100%;z-index:15; background-color:#fff;  font-family: 'GmarketSansMedium';}
	.mobile-menu .user-menu{position:relative; background-color:#f5f5f5; height:60px; padding:14px 20px;}
	.mobile-menu .user-menu .btn-menu {display:inline-block; height:30px; line-height:30px; background-color:#fff; border:1px solid #ccc; padding:0 16px; margin-right:2px; letter-spacing:-0.5px; font-size:14px; color:#444; font-weight:500; border-radius:16px;}
	.mobile-menu .user-menu .btn-close {display:block; position:absolute; top:19px; right:15px; width:23px; height:23px; background:url('/img/icon_menu_close.png') no-repeat; background-size:100%; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}

	.mobile-menu .menu-area {background-color:#fff; padding-bottom:0; position:absolute; top:60px; bottom:0; left:0; right:0; border-top:1px solid #ddd;}
	.mobile-menu .menu-area .depth1{display:block; background:#fff url(/img/icon_menu_off.png) no-repeat right 20px center; background-size:14px; font-size:14px; font-weight:500; color:#222; padding:16px 20px; border-bottom:1px solid #ddd;}
	.mobile-menu .menu-area .depth1.on{background:#fff url(/img/icon_menu_on.png) no-repeat right 20px center; background-size:14px;}
	.mobile-menu .menu-area .depth2-wrap {display:none; background:#f5f5f5; padding:10px 0; border-bottom:1px solid #ddd;}
	.mobile-menu .menu-area .depth2-wrap > li > a{display:block; background:#f5f5f5; font-size:14px; font-weight:400; color:#555; padding:8px 30px; letter-spacing:-0.5px;}
	.mobile-menu .menu-area .depth2-wrap > li > a.depth2{background:#f5f5f5 url(/img/icon_menu2_off.png) no-repeat right 20px center; background-size:14px auto;}
	.mobile-menu .menu-area .depth2-wrap > li > a.depth2.on{background:#f5f5f5 url(icon_menu2_on.png) no-repeat right 20px center; background-size:14px auto;}
	.mobile-menu .menu-area .depth3-wrap{display:none; padding:5px 20px; background-color:#fff;}
	.mobile-menu .menu-area .depth3-wrap a{position:relative; font-size:13px; color:#333; line-height:30px; padding-left:10px;}
	.mobile-menu .menu-area .depth3-wrap a:before{content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333;}

	.mobile-menu .menu-area .layer-scroll {overflow:hidden; overflow-y:auto; height:100%; padding:0;}
	.mobile-menu .menu-area .mCSB_scrollTools {width:6px; margin:0; padding:0; line-height:0; opacity:1;}
	.mobile-menu .menu-area .mCSB_inside > .mCSB_container{margin-right:0;}

  .main_visual_wrap {height:auto; }
  .main_visual_wrap .main_scroll {display:none;}

  .main_slide {height:480px;}
  .main_slide .slide_item {height:480px;}
	.main_slide .slide_item .txt {top:45%; left:0; width:100%; text-align:center;}
  
  .main_slide .slide_item .txt_btit {font-size:40px; margin-bottom:40px;}
	.main_slide .slide_item .txt_stit {font-size:30px; margin-bottom:10px;}
  .main_slide .slide_item .txt_desc {/*font-size:22px; margin-bottom:40px;*/ display: none;}
  .main_slide .slide_item .view_more {float:none; margin:auto;}

	
	#sub_visual {height:200px; margin-top:60px;}
	#sub_visual .txt{top:70px; text-align: center;}
	#sub_visual .txt_btit {font-size:24px;}
	#sub_visual .txt_stit { font-size:20px;}
	.sub_navi_wrap {height:50px; margin-bottom: 50px;}
	.sub_navi_wrap > nav > div > a.home {width:50px; height:50px; line-height:45px; font-size:17px;}
	.sub_navi_wrap > nav > div > .depth_title {height:50px; font-size:14px; width:145px; text-indent:10px; line-height:49px; background:url('/img/icon_snb.png') no-repeat right 10px center; background-size:12px;}
	.sub_navi_wrap > nav > div > ul {top:50px;}
	.sub_navi_wrap > nav > div > ul > li {height:45px; line-height:45px; font-size:14px; text-indent:10px; width:145px;}

	.sub_content_wrap {min-height:auto;	font-size:15px;}
	#sub_title {margin:0 0 50px; font-size:32px;}
	.sub_tab {margin-bottom:50px;}
	.sub_tab ul li {width:50%; height:45px; line-height:44px;}
	.sub_tab ul.num3 li {width:50%;}
	.sub_tab ul.num4 li {width:50%;}
	.sub_tab ul.num5 li {width:50%;}
	.sub_tab ul.num6 li {width:50%;}
	.sub_tab ul li a {font-size:17px;}
}

@media screen and (max-width:768px){
	.main_scroll {left:calc(50% - 11px); bottom:30px; width:22px; height:33px;}
	.scroll_down {width:3px; margin:2px 0 0 10px;}

	.main_visual_wrap .main_btn_prev a {display:none;}
  .main_visual_wrap .main_btn_next a {display:none;}

  .main_slide {height:400px;}
  .main_slide .slide_item {height:400px;}
  .main_slide .slide_item .txt_btit {font-size:26px; margin-bottom:20px}
	.main_slide .slide_item .txt_stit {font-size:24px;}
  .main_slide .slide_item .txt_desc {/*font-size:17px;*/ display: none;}

	.footer{display: none;}

	}


	@media screen and (max-width:480px){
		
		.copyright{font-size: 12px; line-height: 120%; margin-top: 20px; padding-bottom: 20px;}
		.copyright i{margin-right: 3px;}
		.copyright img{height:20px}
	}

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none; padding: 0; margin: 0;
}

li{list-style: none}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
input, select, textarea {
	line-height:1.2;
	vertical-align:middle;
}

button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
button{
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:0px;
	background:none;
}



input:not(input[type="checkbox"], input[type="radio"]),
select{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   -webkit-border-radius: 0;
	  -moz-border-radius: 0;
			border-radius: 0;
}
input:not(input[type="checkbox"], input[type="radio"])::-ms-clear,
select::-ms-expand{ display: none; }


/*Grid*/

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

.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 5px);
  padding-left: var(--bs-gutter-x, 5px);
  margin-right: auto;
  margin-left: auto;
  word-break:keep-all;
}

@media (min-width: 576px) {
  .container,.container-sm {
      max-width:540px;
      padding-bottom:20px;
      
  }
}

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

@media (min-width: 992px) {
  .container,.container-sm,.container-md,.container-lg {
      max-width:970px
  }
}

@media (min-width: 1200px) {
  .container,.container-sm,.container-md,.container-lg,.container-xl {
      max-width:1180px
  }
}

@media (min-width: 1400px) {
  .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
      max-width:1380px;
      
  }
}

.row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 15px;
  display: flex;
  flex-wrap: wrap;
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y)
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%
}

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

@media (max-width: 576px) {
  .col-sm {
      flex:1 0 0%
  }
 

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

  .col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

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

  .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-sm-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

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

  .col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

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

  .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-sm-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

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

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

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

  .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-md-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

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

  .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-md-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

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

  .col-md-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-md-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

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

  .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-md-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

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

@media (min-width: 992px) {
  .col-lg {
      flex:1 0 0%
  }


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

  .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

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

  .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

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

  .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

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

  .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

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

}

@media (min-width: 1200px) {
  .col-xl {
      flex:1 0 0%
  }


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

  .col-xl-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

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

  .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

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

  .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

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

  .col-xl-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-xl-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

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


@media (min-width: 1400px) {
  .col-xxl {
      flex:1 0 0%
  }


  .col-xxl-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

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

  .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

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

  .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

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

  .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

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

}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

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

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

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

.d-flex {
  display: flex !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 24px !important
}

.mt-5 {
  margin-top: 64px !important
}

.mb-1 {
  margin-bottom: 4px !important
}

.mb-2 {
  margin-bottom: 8px !important
}

.mb-3 {
  margin-bottom: 16px !important
}

.mb-4 {
  margin-bottom: 24px !important
}

.mb-5 {
  margin-bottom: 64px !important
}


.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}


.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}



.g-1,.gx-1 {
  --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
  --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
  --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
  --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
  --bs-gutter-x: 2rem
}

.g-5,.gy-5 {
  --bs-gutter-y: 2rem
}
.h-100 {
  height: 100% !important
}

.mb-md-0 {
	margin-bottom: 0 !important
}
}