@font-face {
     font-family: 'HappyB';
     src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Goheung/HappyB.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}

@font-face {
     font-family: 'HappyM';
     src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Goheung/HappyM.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'HappyL';
     src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Goheung/HappyL.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}




.hide123 { font-size: 13px; color:#fff; padding-bottom:10px; }
@media (min-width: 991.98px) {
    .hide123 { font-size: 0px !important; }
}

:root {
    --btn-width : 180px;
    --btn-min-width : 10px;
    --btn-height : 50px;
    --btn-min-height : 5px;
    --menu-height : calc(var(--btn-height) * 4);
    --menu-min-height : calc(var(--btn-min-height) * 2);
    --border-rad : 5px;
    --font-size : 15px;;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

#container {
    margin-top: 30px;
	margin-right:80px;
    position: relative;
    display: flex;
    flex-flow: column;
	width: 130px;
}
#label {
    width: 180px;
    min-width: var(--btn-min-width);
    height: 40px;
    min-height: var(--btn-min-height);
    background-color: #000;
	border: 1px solid #fff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center; 
}
#arrow{
    width: calc(var(--btn-height) * 0.4);
    height: calc(var(--btn-height) * 0.4);
    border-radius: 100%;
    position: relative;
    transition: 0.3s ease-in-out;
}


#menu {
    width: var(--btn-width);
    min-width: var(--btn-min-width);
    height: 0;
    border-radius: var(--border-rad);
    position: absolute;
    top: calc(var(--btn-height) + 1vh);
    display: table;
	text-align: center;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
    opacity: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
	padding: 20px 0 20px 0px;
	border-radius: 25px;
}
#toggle:checked ~ #menu{
	width: 180px;
    height: var(--menu-height);
    min-height: var(--menu-min-height);
    opacity: 1;
	border-radius: 25px;
	background: #000;
	border: 1px solid #fff;
}
#toggle:checked ~ #label > #arrow{
    transform: rotate(180deg);
}
.menu-name {
    width: var(--btn-width);
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
}

.top_title { font-size: 80px; }
@media (min-width: 991.98px) {
	.top_title { font-size: 100px; }
}

.logo_01 { padding: 0px 0 0 0px; }
@media (min-width: 991.98px) {
	.logo_01 { padding: 10px 0 0 20px; }
}

.logo_01 > img { width:60%; }
@media (min-width: 991.98px) {
	.logo_01 > img { width:70%; }
}

.logo_02 { padding: 0px 0 0 0px; }
@media (min-width: 991.98px) {
	.logo_02 { padding: 10px 0 0 10px; }
}

.logo_02 > img { width:60%; }
@media (min-width: 991.98px) {
	.logo_02 > img { width:70%; }
}

.foot_area { font-size: 11px; }

.green { color: #79e500; }

.under_line { 
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
}
@media (min-width: 991.98px) {
	.under_line { 
		border-bottom: 1px solid #000;
		padding-bottom: 30px;
	}
}

.under_line_w { 
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
}
@media (min-width: 991.98px) {
	.under_line_w { 
		border-bottom: 1px solid #fff;
		padding-bottom: 30px;
	}
}

.h_line { 
	position: absolute; 
	left:55px; 
	top:0px; 
	height:100%; 
	border-right:0px solid #555; 
	z-index:50;
}
@media (min-width: 991.98px) {
	.h_line { 
		position: absolute; 
		left:75px; 
		top:80px; 
		height:90%; 
		border-right:1px solid #555; 
		z-index:50;
	}
}

.u_under { font-size: 10px; }
@media (min-width: 991.98px) {
	.u_under { font-size: 12px; }
}

.t_txt { display: inline-block; }

.r_line { border-bottom: 0px solid #979797; height:0px; width:100%; padding: 0px 0px 0 0px; }
@media (min-width: 991.98px) {
    .r_line { display: inline-block; border-bottom: 1px solid #979797; float: right; height:10px; width:350px; padding: 15px 0px 0 0px; }
	.r_line_01 { display: inline-block; border-bottom: 1px solid #979797; float: right; height:10px; width:450px; padding: 15px 0px 0 0px; }
	.r_line_02 { display: inline-block; border-bottom: 1px solid #979797; float: right; height:10px; width:240px; padding: 15px 0px 0 0px; }
}

.h55 { font-size: 13px; font-weight: 300; line-height: 0px; margin-top: 30px; }
@media (min-width: 991.98px) {
    .h55 { font-size: 17px; font-weight: 300; line-height: 30px; margin-top: 30px; }
}

.h555 { font-size: 12px; font-weight: 300; margin-top: 0px; }
@media (min-width: 991.98px) {
    .h555 { font-size: 15px; font-weight: 300; margin-top: 7px; }
}

.pr { padding: 20px 30px 0 20px !important; }
@media (min-width: 991.98px) {
    .pr { padding: 20px 30px 0 0px !important; }
}

.top_margin { margin-top:50px; }
@media (min-width: 991.98px) {
    .top_margin { margin-top:150px; }
}

.sm_color { color: #fff !important; }
@media (min-width: 991.98px) {
    .sm_color { color: #fff !important; }
}

.sm_color_w { color: #fff; font-size:13px; padding-left:10px; }
@media (min-width: 991.98px) {
    .sm_color_w { color: #fff; font-size:13px; padding-left:10px; background:none !important; }
}

.s_arrow { font-size: 7px; font-weight: 500; display: inline-block; }

.menu_top { font-size: 14px; }

.main_t { 
	font-family: 'HappyL';
	display: inline-block;
	font-size: 26px;
	margin-top: 10px;
}
@media (min-width: 991.98px) {
	.main_t { 
		font-family: 'HappyL';
		display: inline-block;
		font-size: 35px;
	}
}

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

.ft_margin { margin-top: 50px; }

.t_txt5 { 
	font-family: 'HappyL' !important;
	display: inline-block;
	font-size: 30px;
	color: #000;
}
@media (min-width: 991.98px) {
	.t_txt5 { 
		font-family: 'HappyL' !important;
		display: inline-block;
		font-size: 45px;
		color: #000;
	}
}

.wine { color: #fff !important; font-weight:800; }
@media (min-width: 991.98px) {
    .wine { color: #fff !important; font-weight:400; }
}

.wine_home { color: #fff !important; font-weight:400; }

.bg_none { background: none !important; }

.ut { color: #000 !important; font-weight:400; font-size:9px; }
@media (min-width: 991.98px) {
    .ut { color: #000 !important; font-weight:400; font-size:11px; }
}

.utw { color: #fff !important; font-weight:400; font-size:9px; }
@media (min-width: 991.98px) {
    .utw { color: #fff !important; font-weight:400; font-size:11px; }
}

.t_home { font-weight:400; }

.sub_top_01 { margin-top:40px; }
@media (min-width: 991.98px) {
    .sub_top_01 { margin-top:0px; }
}

.sub_top_02 { margin-top:10px; }
@media (min-width: 991.98px) {
    .sub_top_02 { margin-top:20px; }
}

.sub_top_03 { margin-top:10px; }
@media (min-width: 991.98px) {
    .sub_top_03 { margin-top:50px; }
}

.tm_txt { font-size:13px; }
@media (min-width: 991.98px) {
    .tm_txt { font-size:15px; }
}

.margin_b01 { margin-bottom:30px; }

.margin_b02 { margin-bottom:45px; }

.margin_t00 { margin-top:30px; }
@media (min-width: 991.98px) {
    .margin_t00 { margin-top:0px; }
}

.margin_t01 { margin-top:20px; }
@media (min-width: 991.98px) {
    .margin_t01 { margin-top:30px; }
}

.margin_t02 { margin-top:120px; }

.margin_t03 { margin-top:10px; text-align:center; margin-bottom:0px; font-size: 12px; }
@media (min-width: 991.98px) {
    .margin_t03 { margin-top:20px; text-align:center; margin-bottom:10px; }
}

.margin_t04 { margin-top:0px; }
@media (min-width: 991.98px) {
    .margin_t04 { margin-top:0px; }
}

.margin_t05 { margin-top:90px; }
@media (min-width: 991.98px) {
    .margin_t05 { margin-top:90px; }
}

.margin_t06 { margin-top:60px; }
@media (min-width: 991.98px) {
    .margin_t06 { margin-top:0px; }
}

.padding_t01 { margin-top:0px; }
@media (min-width: 991.98px) {
    .padding_t01 { margin-top:30px; }
}

.padding_t05 { margin:20px 0 20px 0px; }
@media (min-width: 991.98px) {
    .padding_t05 { margin-top:40px; }
}

.ex_txt { font-size:13px; color:#fff; }
@media (min-width: 991.98px) {
    .ex_txt { font-size:15px; color:#fff; }
}

.ex_txt2 { font-size:13px; color:#000; }
@media (min-width: 991.98px) {
    .ex_txt2 { font-size:15px; color:#000; }
}

.par50 { width:50%; padding-left:0px; padding-right:0px; }

.p_rl { padding-left:0px; padding-right:0px; }

.p-r { padding-right:10px; }

.p-l { padding-left:10px; }

.t_center { text-align:center; }

.w_txt01 { font-size:16px; font-weight:700; }
@media (min-width: 991.98px) {
    .w_txt01 { font-size:25px; font-weight:600; }
}

.mt01 { margin-top:20px; }

.mt-l { margin-left:160px; }

.uut { font-size:10px; color:#000; }
@media (min-width: 991.98px) {
    .uut { font-size:13px; color:#000; }
}

.uut_ml { padding-left:20px; }

.uut_txt { display:block; padding-bottom:15px; }
@media (min-width: 991.98px) {
    .uut_txt { display:block; padding-bottom:10px; }
}

.uut_txt2 { display:block; padding-top:30px; }

.uut_txt3 { display:block; padding-bottom:5px; }

.arrow { display:inline-block; width:5%; vertical-align: top; }
@media (min-width: 991.98px) {
    .arrow { display:inline-block; width:3%; vertical-align: top; }
}

.arrow_t { display:inline-block; width:95%; font-size:11px; color:#000; padding-top: 4px; }
@media (min-width: 991.98px) {
    .arrow_t { display:inline-block; width:97%; font-size:15px; color:#000; padding-top: 4px; }
}

.arrow_tw { display:inline-block; width:95%; font-size:11px; color:#fff; padding-top: 4px; }
@media (min-width: 991.98px) {
    .arrow_tw { display:inline-block; width:97%; font-size:15px; color:#fff; padding-top: 4px; }
}

.arrow > img { width:35%; }
@media (min-width: 991.98px) {
    .arrow > img { width:30%; }
}

.wu { width:60%; margin-top:15px; }
@media (min-width: 991.98px) {
    .wu { width:45%; margin-top:25px; }
}

.wt { width:100%; padding-right:20px; padding-top: 10px; }
@media (min-width: 991.98px) {
    .wt { width:90%; }
}

.wt2 { width:100%; padding-right:0px; padding-top: 10px; }
@media (min-width: 991.98px) {
    .wt2 { width:70%; }
}

.wup01 { font-size:9px; color:#434343; padding-top:20px; }
@media (min-width: 991.98px) {
    .wup01 { font-size:12px; color:#434343; }
}

.wup02 { font-size:12px; color:#434343; padding-top:20px; }
@media (min-width: 991.98px) {
    .wup02 { font-size:14px; color:#434343; }
}

.wup02 { padding-bottom:30px; }

.wup03 { font-size:12px; color:#434343; padding-top:20px; }
@media (min-width: 991.98px) {
    .wup03 { font-size:12px; color:#434343; }
}

.wpt { font-size:20px; color:#000; text-align:center; font-weight:600; }
@media (min-width: 991.98px) {
	.wpt { font-size:25px; color:#000; text-align:center; font-weight:600; }
}

.ut_line {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
}
@media (min-width: 991.98px) {
	.ut_line {
	    border-bottom: 0px solid #d7d7d7;
	    padding-bottom: 0px;
	}
}

.txt_tab { margin-top:40px; color:#000; }

.txt_t { padding:5px 0px; }

.t_box { margin-top:30px; }
@media (min-width: 991.98px) {
	.t_box { margin-top:70px; }
}

.b_title { display:block; text-align:left; font-size:12px; padding:15px 0 5px 0px; }
@media (min-width: 991.98px) {
	.b_title { display:block; text-align:left; font-size:15px; padding:15px 0 5px 0px; }
}

.b_title2 { display:block; text-align:left; font-size:14px; padding: 5px 0; }
@media (min-width: 991.98px) {
	.b_title2 { display:block; text-align:left; font-size:14px; padding: 20px 0; border-bottom: 1px solid #d7d7d7; }
}

.b_date { display:block; text-align:left; font-size:11px; color:#999; padding:0 0 15px 0px; }

.b_line { border-top:1px solid #d7d7d7; border-bottom:0px solid #d7d7d7; }
@media (min-width: 991.98px) {
	.b_line { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
}

.f_txt { font-size:11px; padding-top:10px; color:#999; text-align:left; }
@media (min-width: 991.98px) {
	.f_txt { font-size:14px; padding: 20px 0; color:#999; border-bottom: 1px solid #d7d7d7; text-align:center; }
}

.tb_line { padding: 20px 0px; }




.bwith { min-width:100%; }

table { min-width:630px; }
@media (min-width: 991.98px) {
	table { min-width:900px; }
}

table th {
		border-top:2px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		font-weight:bold;
		background-color:#fff;
		text-align:center;
		color:#000;
		padding:20px 0;
	}
	
table td {
		text-align:center;
		color:#000;
	}
	@media (min-width: 991.98px) {
	table td {
		text-align:left;
		color:#000;
	}
}
	

.din { color:#999; font-size:11px; padding-bottom:10px; text-align:left; }
@media (min-width: 991.98px) {
	.din { color:#999; font-size:14px; padding:20px 0; border-bottom:1px solid #d7d7d7; text-align:center; }
}

@media screen and (max-width: 1200px){
  /*  tableÀÇ display ¼Ó¼ºÀ» blockÀ¸·Î ¹Ù²ãÁØ´Ù.  */
  table {display:block;}
  table thead {display:none;}
  table tr td:first-child{border-top:1px solid #d7d7d7;}
  table tr:last-child td:last-child{border-bottom:1px solid #d7d7d7;}
  table th {display:block;}
  table td {display:block; text-align:initial; border:none;}
}


.al { display:inline-block; padding-top:20px; }

.al > img { width:70%; }
@media (min-width: 991.98px) {
	.al > img { width:70%; text-align:left; }
}




/* Reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption {margin:0; padding:0;}
main, header, section, nav, footer, aside, article, figure {display:block;}
html, body {overflow-x: hidden; /* ¹ÝÀÀÇü */}
ul, ol, li {list-style:none;}
h1, h2, h3, h4, strong, th {font-weight:normal; font-family:inherit; color:inherit;}
a {color:inherit; text-decoration:none; outline:none;}
input, button, select, fieldset, textarea {-webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; background-color:transparent; font-family: inherit; font-size: inherit; font-weight: inherit;}
.skip, .blind {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
legend, caption {overflow: hidden; position: relative; width: 0; height: 0; margin: 0; padding: 0; line-height: 0}
button {cursor:pointer;}
i, em {font-style: normal;}
* {box-sizing: border-box;}

:root {
	/** contents color **/
	--mainColor01: #062E7B;
}


.h3{margin:20px 0 6.5px;font-size:20px;color: var(--mainColor02);line-height:30px;font-weight:700;}

/* ¹öÆ°½ºÅ¸ÀÏ */
.btn {position: relative; display: inline-block; max-width: 100%; padding: 8px 13px; border-radius: 500px; font-size: 15px; line-height: 1.2; letter-spacing: 0.03em; transition: 0.3s; text-transform: initial; text-align: left;}
.btn.btn-lg {padding: 15px 20px;}
.btn.btn-icon {padding: 8px 51px 8px 18px;}
.btn.btn-icon.btn-lg {padding: 15px 51px 15px 24px;}
.btn:hover, .btn:focus {text-decoration: none;}

.btn .icon {display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: center; transition: 0.3s}

.btn-default {background-color: var(--mainColor01); border: 1px solid var(--mainColor01); color: #fff;}
.btn-default:active, .btn-default:hover, .btn-default:focus {background-color: #fff; color: var(--mainColor01);}
.btn-default .icon.plus {right: 20px; width: 15px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.5V15.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M15 8L0 8' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A")}
.btn-default:active .icon.plus, .btn-default:hover .icon.plus, .btn-default:focus .icon.plus {background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.5V15.5' stroke='%23062E7B' stroke-width='2'/%3E%3Cpath d='M15 8L0 8' stroke='%23062E7B' stroke-width='2'/%3E%3C/svg%3E ");}

/* °øÅë ·¹À̾î Æ˾÷ »ùÇà */
.layer-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background-color: rgba(17, 23, 29, 0.70); visibility: hidden; opacity: 0; z-index: 10000;}
.layer-popup.on {visibility: visible; opacity: 1; transition: all 0.3s;}
.layer-popup .popup-inner {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 920px; width: 100%; max-height: 100%; padding: 80px 60px; background-color: #fff; overflow: hidden; overflow-y: auto; animation: fadeInUpLayer 0.3s;}
.layer-popup.on .popup-inner {display: block;}
.layer-popup .popup-inner .close-btn {position: absolute; top: 50px; right: 50px; width: 32px; height: 32px; background: transparent url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 26L26 6' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 26L6 6' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); border: 0; cursor: pointer; transition: all 0.3s;}
.layer-popup .popup-inner .close-btn:hover, .layer-popup .popup-inner .close-btn:focus {transform: rotate(180deg);}
@media (max-width:1280px) {
	.layer-popup .popup-inner {padding: 55px 30px 50px;}
	.layer-popup .popup-inner .close-btn {top: 20px; right: 25px;}
}
@keyframes fadeInUpLayer {
  0% {opacity: 0; transform: translate(-50%, -40%);}
  100% {opacity: 1; transform: translate(-50%, -50%);}
}


/********** Template CSS **********/
:root {
    --primary: #fff;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #0C2B4B;
}

.py-6 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media (min-width: 991.98px) {
	.py-6 {
		padding-top: 2rem;
		padding-bottom: 6rem;
	}
}

.my-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand,
.navbar a.btn {
    height: 80px
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: #000;
    font-weight: 400;
	font-size: 14px;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #17c200;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 991.98px) {
	.navbar .navbar-nav .nav-link {
		margin-right: 30px;
		padding: 25px 0;
		color: #000;
		font-weight: 500;
		font-size: 15px;
		text-transform: uppercase;
		outline: none;
	}

	.navbar .navbar-nav .nav-link:hover,
	.navbar .navbar-nav .nav-link.active {
		color: #17c200;
	}

	.navbar .dropdown-toggle::after {
		border: none;
		content: "\f107";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		vertical-align: middle;
		margin-left: 8px;
	}

	@media (max-width: 991.98px) {
		.navbar .navbar-nav .nav-link  {
			margin-right: 0;
			padding: 10px 0;
		}

		.navbar .navbar-nav {
			border-top: 1px solid #EEEEEE;
		}
	}
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}



/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand,
.navbar a.btn {
    height: 80px
}

.navbar .navbar-nav .nav-link_w {
    margin-right: 30px;
    padding: 25px 0;
    color: #fff;
    font-weight: 400;
	font-size: 14px;
    text-transform: uppercase;
    outline: none;
}


.navbar .navbar-nav .nav-link_w:hover,
.navbar .navbar-nav .nav-link_w.active {
    color: #17c200;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link_w  {
        margin-right: 0;
        padding: 10px 0;
		display:block;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 991.98px) {
	.navbar .navbar-nav .nav-link_w {
		margin-right: 30px;
		padding: 0px 0;
		color: #fff;
		font-weight: 500;
		font-size: 15px;
		text-transform: uppercase;
		outline: none;
	}

	.navbar .navbar-nav .nav-link_w:hover,
	.navbar .navbar-nav .nav-link_w.active {
		color: #17c200;
	}

	.navbar .dropdown-toggle::after {
		border: none;
		content: "\f107";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		vertical-align: middle;
		margin-left: 8px;
	}

	@media (max-width: 991.98px) {
		.navbar .navbar-nav .nav-link_w  {
			margin-right: 0;
			padding: 10px 0;
		}

		.navbar .navbar-nav {
			border-top: 1px solid #EEEEEE;
		}
	}
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu_w {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu_w {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}





/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, .75);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #999999;
}


/*** Facts ***/
@media (min-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
}


/*** Courses ***/
.courses {
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../img/carousel-1.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.courses-item .courses-overlay {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.courses-item:hover .courses-overlay {
    height: 100%;
    opacity: 1;
}


/*** Team ***/
.team-items {
    margin: -.75rem;
}

.team-item {
    padding: .75rem;
}

.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.team-item:hover::after {
    height: 100%;
    background: var(--primary);
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social {
    height: 100%;
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    height: 40px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid var(--primary);
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--light);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.copyright {
    background: #000;
}

.copyright_sub {
    background: #fff;
}

.copyright_sub_w {
    background: none;
}

.copyright a {
    color: var(--primary);
}

.copyright a:hover {
    color: var(--light);
}