@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*  기본 레이아웃
/*-----------------------------------------------------------------------------------*/

 
/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
.container {max-width:1250px;margin:0 auto;position:relative;}
.container-full {width:100%;position:relative;}

@media (max-width: 1200px) {
	.container {width:100%;padding-left:15px;padding-right:15px;}
}


#contentWrap {position: relative;width: 100%;padding-top: 185px;}

@media (max-width: 1199px){
	#contentWrap {padding-top: 70px;}
}

/*-----------------------------------------------------------------------------------*/
/*  header
/*-----------------------------------------------------------------------------------*/

	#header .logo img{width:140px;}


@media (min-width: 1200px) {
	#header {height: 100px;width:100%;  z-index: 80;position:fixed;top:0;left:0;}
	#header .headerMenu { position: relative; height: 70px; overflow: hidden; background-color: rgb(4 4 4 / 30%); transition: 0.5s height cubic-bezier(0.65, 0.24, 0.21, 0.99), 2s box-shadow cubic-bezier(0.45, 0.07, 0.2, 0.99), 0.5s background-color cubic-bezier(0.22, 0.36, 0, 0.99); }
	#header:hover .headerMenu { height: 450px; box-shadow: 0px 40px 40px 0px rgba(0,0,0,0.15); background-color: rgb(4 4 4 / 80%);}
	#header .logo img{width:150px;}

	#header .headerMenu .bg0 { left: 0; }
	#header .headerMenu .bg1 { right: 0; top: 101px; }

	#header .logo { position: absolute; left: 30px; top: 10px }

	.topNav{position: absolute;top: -5px;right: 30px;}
	.topNav ul li{position:relative;display:inline-block;font-size:.9rem;padding:12px 10px;}
	.topNav ul li:after{position: absolute;top: 15px;right: -2px;width: 1px;height: 12px;background-color: #fff;display: block;content: '';}
	.topNav ul li:last-child:after{display: none;}
	.topNav ul li.social {padding:10px 5px;}
	.topNav ul li.social img{width:18px;height:auto;}
	.topNav ul li.social span{display:block;width:30px;height:30px;border-radius:15px;background-color:#516754;font-size:.9rem;padding:6px 3px;color: #fff;text-align: center;}
	.topNav ul li.social span a{color:#fff;font-size:.9rem;}

	.topNav ul li a{color:#fff;}

	.gnb {margin: 30px 0 0 240px; }
	/* depth1 */
	.gnb .depth1>li { float: left; position: relative;min-width: 120px;}

	.gnb .depth1>li>a { display: block; margin: 0 ; color: #fff; font-size: 1.1rem;text-align: left;transition: 0.5s color cubic-bezier(0.21, 0.03, 0, 1);     font-weight: 600;}
	.gnb .depth1>li>a.on { color: #fff; text-decoration:underline;}
	/* depth2 */
	.gnb .depth1>li .depth2 { position: absolute; width: 100%; margin-top: 35px; }
	.gnb .depth1>li .depth2>li { position: relative; display: block; text-align: left;min-width: 130px;}
	.gnb .depth1>li .depth2>li>a { display: inline-block; position: relative; padding:4px 0; color: #fff; font-size: 1rem; font-weight:400;}
	.gnb .depth1>li .depth2>li.on>a,
	.gnb .depth1>li .depth2>li>a:hover { color: #fff; text-decoration:underline;}


}

/* Header_Mobile */
header .nav .nav-icon{display:none;}
header .nav .nav-icon div {color:#fff;font-size:2rem;}
header .nav .nav-icon.active:after,header .nav .nav-icon.active:before,header .nav .nav-icon.active div {background-color: #fff;content: '';display: block;height: 3px;margin: 5px 0;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;text-indent:-100px;overflow:hidden;}
header .nav .nav-icon.active:before {margin-top:0;}
header .nav .nav-icon.active:after {margin-bottom:0;}
header .nav .nav-icon.active:before {transform: translateY(10px) rotate(135deg);-moz-transform: translateY(10px) rotate(135deg);-webkit-transform: translateY(10px) rotate(135deg);}
header .nav .nav-icon.active:after {transform: translateY(-6px) rotate(-135deg);-moz-transform: translateY(-6px) rotate(-135deg);-webkit-transform: translateY(-6px) rotate(-135deg);}
header .nav .nav-icon.active:after,header .nav .nav-icon.active:before,header .nav .nav-icon.active div {background: #fff;}
header .nav .nav-icon.active div {-moz-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);}


.headerMenu { width: 100%; z-index: 99; background:rgba(0, 61, 100, 1);}
.headerMenu.m_ver { display: none; }
.headerMenu>.container { height: 65px; }
.headerMenu .eng-icon{position: absolute;right:10px;top:10px;text-align:center;font-size:.9rem;width:40px;color: #66857d;height: 40px;line-height: 40px;border: 1px solid #d2dcd9;border-radius: 100%;background: #d2dcd9;}

.headerMenu .navbar { font-size: 0; text-align: center; }
.headerMenu .navbar>li { display: inline-block; padding: 0 35px; font-size: 18px; font-weight: 500; letter-spacing: -0.25px; color: #111; }
.headerMenu .navbar>li .sub-menu { display: none; }


@media (max-width: 1199px) {
	.sec-header{ display:none;}
	header .nav .nav-icon {display: inline-block;width: 50px;cursor:pointer;position:absolute;right: 5px;top:15px;z-index:100;text-align: center;border-radius: 5px;height:35px;}
	header .nav .nav-icon.active {width: 33px;padding: 0;top:15px;right: 10px;left: auto;position: fixed;}
	header .nav .layer-box {position:fixed;width: 100%;height:100%;right:-100%;padding:0;;background:#fff;z-index:99;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;margin:0;overflow-y: auto;}

	header .nav .layer-box.active {right:0;top:0;}
	.headerMenu.m_ver .logo {height: 55px;position: static;top: auto;left: auto;width: 100%;margin:0;text-align: center;padding-top: 5px}
	.headerMenu.m_ver .logo img {max-width:100%;max-height:100%;}
	.headerMenu.pc_ver { display: none; }
	.headerMenu.m_ver { display: block; }
	.headerMenu .navbar { padding: 10px 0 0; }
	.headerMenu .navbar>li { display: block; text-align: left; padding:0 0 10px 0; margin: 0; border-bottom: 1px solid #ededed; font-size: 19px; font-weight: 700;width: 100%;}
	.headerMenu .navbar>li>a { padding: 10px 20px; line-height: normal; display: block; position: relative; }
	.headerMenu.m_ver .navbar .support-bt { background: #3db5b6; color: #fff; margin-left: 15px; padding: 0 20px; line-height: 40px;  }
	.headerMenu .navbar .sub-menu { background: #f9f9f9; font-size: 0; }
	.headerMenu .navbar .sub-menu li { line-height: 36px; font-size: 14px; }
	.headerMenu .navbar>li>.sub-menu { padding:15px 20px; }
	.headerMenu .navbar>li>.sub-menu>li { margin-bottom: 0; width:100%; display:block; }
	.headerMenu .navbar>li.holt-menu>.sub-menu>li { width: 100%; display: block; }
	.headerMenu .navbar>li>.sub-menu>li.menu-item-has-ktl { margin-bottom: 10px; }
	.headerMenu .navbar>li>.sub-menu>li>a { font-size: 15px; font-weight: 500; letter-spacing: -1px; }
	.headerMenu .navbar .sub-menu>li:last-child { margin-bottom: 0; }
	.headerMenu .navbar>li.menu-item-has-ktl { padding-bottom: 0; }
	.headerMenu .navbar>li.menu-item-has-ktl>a:before {width: 16px;height: 9px;margin-top: -4.5px;position: absolute;right: 16px;top: 15px;font-family: 'themify';background-size: contain;content: "\e64b";}
	.headerMenu .navbar>li.menu-item-has-ktl.active>a:before { background-image: url(../images/nav-on.png); }
	.headerMenu.m_ver .navbar li .sub-menu li>.sub-menu { display: block !important; }
	.headerMenu.m_ver .navbar .sub-menu li>.sub-menu { font-size: 0; border: 1px solid #e8e8e8; border-bottom: 0; }
	.headerMenu.m_ver .navbar .sub-menu li>.sub-menu>li { display: inline-block; width: 33.333%; padding: 0; text-align: center; vertical-align: top; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 15px; font-weight: 400; color: #555; letter-spacing: -1px; }
	.headerMenu.m_ver .navbar .sub-menu .menu-item-has-ktl>a { font-size: 17px; font-weight: 500; letter-spacing: -1px; }
	
	/* 검색 */
	.head_search{display:none;position:absolute;top:60px;left:0;z-index:1;width:100%;padding:15px 14px;background:#15509c;font-size:20px;}
	.head_search fieldset{font-size:0;}
	.head_search .search_box{display:inline-block;position:relative;z-index:1;width:220px;text-align:left;vertical-align:middle;}
	.head_search input[type='text']::placeholder {color:#fff;}
	.head_search #header_total_search{width:100%;height:100%;padding:0;border:none;background:transparent;font-size:16px;vertical-align:top;box-sizing:border-box;}
	.head_search #header_total_search::-ms-clear{display:none;}
	.head_search .sch_btn_wrap{float:right}
	.head_search .sch_btn_wrap button{height:24px;border:none;background:transparent no-repeat 100% 50%;vertical-align:middle;}
	.head_search .sch_btn_wrap .btn_total_search{position:relative;width:24px;margin-left:14px;font-family: 'themify';content: "\e610";}
	.head_search .sch_btn_wrap .btn_total_search:after{display:block;position:absolute;top: -5px;left: 0;font-size: 1.5rem;color:#fff;font-family: 'themify';content: "\e610";}
	 /* 모바일메뉴 상단 */
	.headerMenu.m_ver .top-box { padding:10px 0;  background:rgba(0, 61, 100, 1);text-align: center;}
	.headerMenu.m_ver .top-box .logoM{height:50px;margin:0 auto 20px;display:block;}
	.headerMenu.m_ver .top-box ul li{display:inline-block;width:32%;padding:10px 15px;height:auto;text-align: center;font-size: 1.1rem;}
	.headerMenu.m_ver .top-box ul li a{color:#fff;}
	.headerMenu.m_ver .top-box i{padding-right:5px;}
	.bg-banner { display: none; }
}

@media (max-width: 767px) {
	html { font-size: 87.5%; }
	.headerMenu.m_ver >.container { height: 65px; }
	.headerMenu .topbar { height: 34px; }
	.headerMenu .topbar ul li { line-height: 34px; }
	.headerMenu .topbar ul li{ font-size: 12px; }
}
@media (max-width: 575px) {
	.headerMenu.m_ver >.container {height: 60px;}
	.headerMenu.m_ver .logo { height:57px;}
}



/*위로가기*/

#m7-go-top {z-index: 100;position: fixed; overflow: hidden; text-align: center;width: 50px; height: 50px; line-height: 50px; background: #fff; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; 	border-radius: 10px;box-shadow: 0 1px 12px rgba(0,0,0,.1);background-clip: padding-box; 	right: 50px; bottom: 50px; font-size: 20px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top:hover {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;background: #4880ee;}
#m7-go-top a { display: block; text-decoration: none; position: relative; height: 100%; color: #4880ee;-webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } 
#m7-go-top a:hover {color: #ffffff;} 
#m7-go-top a span {font-size: 20px;font-weight:bold;display: block;margin-top:0;} 
#m7-go-top a img { display: block; position: absolute; top: 0px; left: 0px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top a img + img { position: absolute; top: 0px; left: 0px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top:hover a img[data-hover-image='true'] {-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} 
#m7-go-top:hover a img[data-hover-image='true'] + img {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
@media screen and (min-width:320px) and (max-width:960px) {
#m7-go-top {right: 15px; bottom: 15px;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
#m7-go-top {right: 15px; bottom: 15px;}
}



/*-----------------------------------------------------------------------------------*/
/* sub
/*-----------------------------------------------------------------------------------*/

/*visual*/

#visualBox{width:100%; position:relative;overflow:hidden;height: 300px;}
#visualBox .visualImg{ width:100%; height:100%;position:absolute; left:0; top:0;     padding-top: 100px;background-size:cover; animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.4s; -webkit-animation-delay: 0.4s;animation-name:visual-zoom; -webkit-animation-name:visual-zoom;}
#visualBox .visualImg h1{font-size:2.5rem; color:#fff; padding:50px 20px; text-align:center; font-weight:600;}
#visualBox .visualImg h1 p{animation-duration: 0.7s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 0.7s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.3s; -webkit-animation-delay: 0.3s;animation-name:visual-tit; -webkit-animation-name:visual-tit;}
#visualBox .visualImg h1 p {font-size:18px; font-weight:300; margin:0;animation-delay: 0.8s; -webkit-animation-delay: 0.8s;} 


	@keyframes visual-zoom {
		0% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	@-webkit-keyframes visual-zoom {
		0% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	@keyframes visual-tit {
		0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
		100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
	}
	@-webkit-keyframes visual-tit {
		0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
		100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
	}
	

	@media (max-width: 575px) {
		#visualBox{height:170px;}
		#visualBox .visualImg{ padding-top: 0;}

	}
	@media (max-width: 1199px) {
		.sub-visual{display:none;}
	}



/*레이아웃*/
	#navigation .container{position:relative;max-width: 1200px;margin-top:-30px; background-color:#fff;border:1px solid #ddd; box-shadow: 5px 5px 10px -5px rgba(0,0,0,.3);padding:20px 40px 15px;z-index:2;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px;}
	#navigation .Breadcrumbs{font-size:1.2rem;font-weight:300;}
	#navigation .Breadcrumbs strong{display:inline-block;position:relative;font-size:1.5rem;font-weight:300;color:#000;vertical-align: bottom;}
	#navigation .Breadcrumbs .ti-home{display: inline-block;margin-top:-3px;font-size:1rem;color:#0c75dd;}
	#navigation .Breadcrumbs .ti-angle-right{font-size:.9rem;color: #b7b7b7;padding:0 10px;}

	/*네비게시연 메뉴*/
	.Bcrumb{}
	.Bcrumb a{color:#666;font-size:16px;}
	.Bcrumb .home,
	.Bcrumb .dep2{display:inline-block;}
	.Bcrumb .home{position:relative;height:30px;}
	.Bcrumb .home i{font-size:.9rem;}
	.Bcrumb .home:after{position:absolute;top:5px;right:-20px;display:block;content:"\e649";font-family: 'themify';color:#bfbfbf;font-size:.9rem;}
	.Bcrumb .dep2 .sel{display:block;min-width:50px;}
	.Bcrumb .dep2{position:relative;margin:0 0 0 20px;padding:0 10px;line-height: 25px;}
	.Bcrumb .dep2.ar:after{position:absolute;top:0;right:-10px;display:block;content:"\e649";font-family: 'themify';color:#bfbfbf;font-size:.9rem;}
	.Bcrumb .dep2 .sel{padding:0 40px 0 0;height:30px;}
	.Bcrumb .dep2 .sel:after{position:absolute;top:0;right:20px;display:block;content: "\e65f";font-family: 'themify';}
	.Bcrumb .dep2 .lst{display:none;position:absolute;top:35px;left:15px;background-color:#efefef;border-radius:10px;width:200px;}
	.Bcrumb .dep2.show .sel:after{content: "\e65c";color: #0c75dd;}
	.Bcrumb .dep2.show .lst{display:block;text-align:left;padding:18px 0;z-index:1000;}
	.Bcrumb .dep2.show .lst a{display:block;color:#222;padding:3px 0 3px 30px;}
	.Bcrumb .dep2.show .lst a:hover{color:#006fce;text-decoration:underline;}

	

	#nav-toggle { cursor: pointer;width:30px;height:30px;}
	#nav-toggle.active {background-color:#efefef;}
	.navicon { position: relative; height: 26px; }
	.pull { display: none;}




	.subContentBox{padding:50px 0;min-height:700px;}
	.subContentBox .titleArea {position:relative;width:100%;margin:30px 0 20px;padding-bottom:20px;}
	.subContentBox .titleArea .navigation { color:#9a9a9a; text-align: center;margin-top:20px;}
	.subContentBox .titleArea .navigation strong{color:#9a9a9a;font-weight:400;}
	.subContentBox .titleArea .navigation .ti-angle-right{font-size:.7rem;padding:0 5px;}
	.subContentBox .titleArea .navigation .ti-home{color:#9a9a9a}

	.subContentBox .titleArea h1{font-size: 2.6rem;font-weight: 600;color: #121212;letter-spacing: -1px;text-align:center;font-family: "한양해서", "Noto Sans KR", 'Nanum Gothic', "나눔고딕", "돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;}
	.subContentBox .subcontentArea{padding:20px 40px;}
	#social {position:absolute;top:-65px;right:0;color:#fff;font-family: 'Lora', serif;font-size:1.1rem;}

@media (max-width: 1199px) {
	.menuBox{display:none;}
	.subContentBox{margin-left:0;padding:0 0 50px 0;}
	.subContentBox .subcontentArea{padding:20px 0;}

}

@media (max-width: 1080px) {
	.subContentBox .titleArea .navigation {position:static;margin-top:15px;}

}


/* content bg */
.bg01{background:url('/image/visual_02.png') no-repeat center center;}
.bg02{background:url('/image/main/main_slide.png') no-repeat center center;}
.bg03{background:url('/image/visual_02.png') no-repeat center center;}
.bg04{background:url('/image/visual_03.png') no-repeat center center;}
.bg05{background:url('/image/visual_01.png') no-repeat center center;}
.bg06{background:url('/image/visual_03.png') no-repeat center center;}
.bg07{background:url('/image/visual_02.jpg') no-repeat center center;}
.bg08{background:url('/image/visual_01.png') no-repeat center center;}



/*-----------------------------------------------------------------------------------*/
/* 컨텐츠
/*-----------------------------------------------------------------------------------*/



.timeline-item {position: relative;}
.timeline-item::before {content: '';position: absolute;left: 15px;top: 0;height: 100%;width: 2px;background-color: #e5e7eb;z-index: 0;}
.timeline-item:last-child::before {height: 0;}
.timeline-dot {position: relative;z-index: 1;background-color: white;}
.team-card {transition: all 0.3s ease;}
.team-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);}
.award-card {transition: all 0.3s ease;}
.award-card:hover {transform: translateY(-3px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);}
.org-chart-container {position: relative;overflow: hidden;}
.custom-checkbox {appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border: 2px solid #3b82f6;border-radius: 4px;outline: none;cursor: pointer;position: relative;}
.custom-checkbox:checked {background-color: #3b82f6;}
.custom-checkbox:checked::after {content: '';position: absolute;left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}

/* 중복되는거 합침 */

.-left-3{left:-0.75rem}
.-top-3{top:-0.75rem}
.bottom-0{bottom:0px}
.left-1\/2{left:50%}
.left-1\/4{left:25%}
.right-1\/4{right:25%}
.top-0{top:0px}
.top-1\/2{top:50%}
.z-10{z-index:10}

.inline-block{display:inline-block}
.inline-flex{display:inline-flex}

.min-h-screen{min-height:100vh}

.list-disc{list-style-type:disc}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}


.absolute{position:absolute}
.relative{position:relative}
.left-0{left:0px}
.z-0{z-index:0}
.z-20{z-index:20}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:0.25rem}
.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.ml-1{margin-left:0.25rem}
.mr-1{margin-right:0.25rem}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mr-4{margin-right:1rem}
.mt-0\.5{margin-top:0.125rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mb-3{margin-bottom:0.75rem}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mr-6{margin-right:1.5rem}
.mb-10{margin-bottom:2.5rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.ml-10{margin-left:2.5rem}
.ml-auto{margin-left:auto}
.mr-4{margin-right:1rem}

.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.mb-10{margin-bottom:2.5rem}


.mr-10{margin-right:2.5rem}

.h-4{height:1rem}

.h-10{height:2.5rem}
.h-12{height:3rem}
.h-24{height:6rem}
.h-28{height:7rem}
.h-16{height:4rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-64{height:16rem}
.h-8{height:2rem}
.h-80{height:20rem}
.h-full{height:100%}
.h-48{height:12rem}
.h-auto{height:auto}
.w-10{width:2.5rem}
.w-16{width:4rem}
.w-48{width:12rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-64{width:16rem}
.w-80{width:20rem}
.w-4{width:1rem}
.w-8{width:2rem}
.w-full{width:100%}
.w-12{width:3rem}
.w-24{width:6rem}
.w-28{width:7rem}		   
.w-10{width:2.5rem}


.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.flex-shrink-0{flex-shrink:0}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.flex-col{flex-direction:column}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-12{gap:3rem}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}



.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}


.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
.space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.overflow-hidden{overflow:hidden}
.whitespace-nowrap{white-space:nowrap}
.\!rounded-button{border-radius:8px !important}

.rounded{border-radius:8px}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:16px}

.border-2{border-width:2px}
.border-t{border-top-width:1px}
.border-4{border-width:4px}
.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}
.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}
.border-cyan-200{--tw-border-opacity:1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}
.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}
.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}
.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}

.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}
.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
.bg-blue-700{background-color:#0072bc}


.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.bg-green-700{background-color:#7ca348;}
.bg-orange-500{background-color:#f7941e;}
.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 102 204 / var(--tw-bg-opacity, 1))}
.bg-blue2-500{background-color:#00b3b3;}
.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}
.bg-secondary{--tw-bg-opacity:1;background-color:rgb(255 122 0 / var(--tw-bg-opacity, 1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}
.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}
.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}
.from-primary\/80{--tw-gradient-from:rgb(0 102 204 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 102 204 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}
.object-contain{object-fit:contain}

.bg-\[\#e0f7fa\]{--tw-bg-opacity:1;background-color:rgb(224 247 250 / var(--tw-bg-opacity, 1))}
.bg-\[\#e3f2fd\]{--tw-bg-opacity:1;background-color:rgb(227 242 253 / var(--tw-bg-opacity, 1))}
.bg-\[\#e8f5e9\]{--tw-bg-opacity:1;background-color:rgb(232 245 233 / var(--tw-bg-opacity, 1))}
.bg-\[\#ffedda\]{--tw-bg-opacity:1;background-color:rgb(255 237 218 / var(--tw-bg-opacity, 1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-opacity-50{--tw-bg-opacity:0.5}

.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(255 237 218 / var(--tw-bg-opacity, 1))}
.bg-darkblue{--tw-bg-opacity:1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}
.bg-purple-700{--tw-bg-opacity:1;background-color:rgb(232 245 233 / var(--tw-bg-opacity, 1))}
.bg-secondary{--tw-bg-opacity:1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}

.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}





.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.bg-primary{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-opacity-10{--tw-bg-opacity:0.1}
.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}
.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}
.object-cover{object-fit:cover}
.object-top{object-position:top}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.pb-8{padding-bottom:2rem}
.pl-12{padding-left:3rem}
.pt-6{padding-top:1.5rem}
.p-3{padding:0.75rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.pt-4{padding-top:1rem}
.p-4{padding:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.pt-8{padding-top:2rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.pl-5{padding-left:1.25rem}
.pt-20{padding-top:5rem}
.text-center{text-align:center}
.font-\[\'Pacifico\'\]{font-family:'Pacifico'}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-light{font-weight:300}
.font-semibold{font-weight:600}
.leading-relaxed{line-height:1.625}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-primary{--tw-text-opacity:1;color:rgb(15 59 104 / var(--tw-text-opacity, 1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.text-primary{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}
.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}
.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.text-primary{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
.text-opacity-80{--tw-text-opacity:0.8}
.text-opacity-90{--tw-text-opacity:0.9}
.opacity-80{opacity:0.8}
.opacity-90{opacity:0.9}

.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(15 59 104 / var(--tw-text-opacity, 1))}
.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(0 102 204 / var(--tw-bg-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
@media (min-width: 768px){
		.md\:mb-0{margin-bottom:0px}
		.md\:mt-0{margin-top:0px}
		.md\:flex{display:flex}
		.md\:w-1\/2{width:50%}
		.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
		.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
		.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
		.md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}

		.md\:flex-row{flex-direction:row}
		.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
		.md\:block{display:block}
		.md\:hidden{display:none}

}
@media (min-width: 1024px){
		.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
}
























