@charset "utf-8";

/*	------------------------------------------------------------
	[LAYOUT]
	------------------------------------------------------------ */
.page-container { width:100%; height:100%; min-width:320px; min-height:100%; margin:0 auto; }
.wrapper { width:100%; height:100%; min-width:320px; margin:0 auto; }

.header-container { background-color:#fff; }
.nav-container { background-color:#fff; }
.content-container { background-color:#fff; }
.aside-container { background-color:#fff; }
.main-container { width:100%; background-color:#fff; }
.footer-container { background-color:#fff; }

h1, .h1 { font-size:1.5rem; color:#212529; font-weight:400; }
h2, .h2 { font-size:1.25rem; color:#212529; font-weight:400; }
h3, .h3 { font-size:1.125rem; color:#212529; font-weight:400; }
h4, .h4 { font-size:1rem; color:#212529; font-weight:500; }
h5, .h5 { font-size:.9375rem; color:#212529; font-weight:500; }
h6, .h6 { font-size:.875rem; color:#212529; font-weight:500; }



/*	------------------------------------------------------------
	[HEADER CONTAINER]
	------------------------------------------------------------ */
.header-container { width:100%; min-height:3.5rem; transition:all .2s ease-out; z-index:1071; }
.header-container.navbar-shrink { background-color:rgba(255,255,255,.95); box-shadow:0 .5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); }

/*	------------ [Top Navbar] ------------ */
.header-container .top-navbar { background-color:rgba(0,0,0,.25); }
.header-container.navbar-shrink .top-navbar { background-color:rgba(0,0,0,.05); }
.header-container .top-navbar .navbar { padding-top:.875rem; padding-bottom:.9375rem; }
.header-container .top-navbar .navbar-nav .nav-link { padding:0 .25rem !important; font-size:.8125rem; }
.header-container .top-navbar .navbar-nav .nav-link i { margin-top:2px; display:block; }
.header-container .top-navbar .dropdown { margin-left:1rem; }
.header-container .top-navbar .dropdown .dropdown-toggle { padding:2px .5rem; }
.header-container .top-navbar .dropdown .dropdown-menu { min-width:inherit; }

/*	------------ [Navbar] ------------ */
.header-container .navbar { min-width:320px; padding-top:.8125rem; padding-bottom:.8125rem; }
.header-container .navbar .navbar-collapse { display:none !important; }
/*.header-container .navbar .navbar-nav { flex-direction:row !important; }*/
.header-container .navbar-nav .nav-item { position:relative; }
.header-container .navbar-nav .nav-item .btn img { float:left; width:21px; margin-right:.25rem; }
.header-container .navbar-nav .nav-link { padding:.4375rem .75rem .5625rem .75rem; color:#fff; font-size:1rem; font-weight:400; }
.header-container.navbar-shrink .nav-link { color:#212529; }
.header-container .navbar-nav .nav-link span { display:none; }
.header-container .navbar-nav-sub.border-left { margin-left:1rem; padding-left:1rem; border-color:rgba(0,0,0,.25) !important; }
.header-container .navbar-nav-sub .nav-link.small { padding-right:.5rem; padding-left:.5rem; font-size:.875rem; }
.header-container .navbar-nav-sub .btn:not(.btn-icon) { min-width:4.5rem; }
.header-container .navbar-nav-sub .btn { margin-left:.25rem; }
.header-container .navbar-nav-sub .btn-icon { margin-top:1px; margin-bottom:1px; }
.header-container.navbar-shrink .navbar-nav-sub [class*="btn-outline-"] { color:#212529; border-color:#212529; }
.header-container.navbar-shrink .navbar-nav-sub [class*="btn-outline-"]:hover { color:#fff; background-color:#212529; }

.header-container:not(.navbar-shrink) .navbar-toggler .navbar-toggler-drawer > span { background-color:#fff; }

/*	------------ [Nav Link Hover Style] ------------ */
/*	------ basic type ------ */
.header-container .nav-link:hover,
.header-container .nav-link:focus,
.header-container.navbar-shrink .nav-link:hover,
.header-container.navbar-shrink .nav-link:focus { color:#14c6d6; }
.header-container .nav-link.active,
.header-container.navbar-shrink .nav-link.active { color:#14c6d6; }
/*	------ underbar type ------ */
.header-container .nav-link-bar-type .nav-link:before { content:""; width:100%; height:3px; position:absolute; bottom:0; left:0; background-color:#14c6d6; visibility:hidden; transform:scaleX(0); transition:.25s linear; }
.header-container .nav-link-bar-type .nav-link:hover:before,
.header-container .nav-link-bar-type .nav-link:focus:before,
.header-container .nav-link-bar-type .nav-link.active:before { visibility:visible; transform:scaleX(1); }
/*	------ arrow + underbar type ------ */
.header-container .nav-link-arrowbar-type .nav-link:after { content:''; width:0; height:0; margin-left:-5px; position:absolute; left:50%; bottom:-.8125rem; border-width:5px; border-style:solid; border-color:transparent transparent #14c6d6 transparent; visibility:hidden; transform:scaleX(0); transition:.25s linear; }
.header-container .nav-link-arrowbar-type .nav-link:before { content:""; width:100%; height:3px; position:absolute; bottom:-1rem; left:0; background-color:#14c6d6; visibility:hidden; transform:scaleX(0); transition:.25s linear; }
.header-container .nav-link-arrowbar-type .nav-link:hover:after,
.header-container .nav-link-arrowbar-type .nav-link:focus:after,
.header-container .nav-link-arrowbar-type .nav-link.active:after,
.header-container .nav-link-arrowbar-type .nav-link:hover:before,
.header-container .nav-link-arrowbar-type .nav-link:focus:before,
.header-container .nav-link-arrowbar-type .nav-link.active:before { visibility:visible; transform:scaleX(1); }
/*	------ button type ------ */
.header-container .nav-link-button-type .nav-link { margin-right:.125rem; margin-left:.125rem; padding-right:1.5rem; padding-left:1.5rem; }
.header-container .nav-link-button-type .nav-link:hover,
.header-container .nav-link-button-type .nav-link:focus { background-color:#14c6d6; border-radius:2rem; color:#fff; }
.header-container.navbar-shrink .nav-link-button-type .nav-link:hover,
.header-container.navbar-shrink .nav-link-button-type .nav-link:focus { background-color:#14c6d6; border-radius:2rem; color:#fff; }
.header-container .nav-link-button-type .nav-link.active,
.header-container.navbar-shrink .nav-link-button-type .nav-link.active { background-color:#14c6d6; border-radius:2rem; color:#fff; }
/*	------ dot type ------ */
.header-container .navbar-nav.divider-dot-type li + li,
.header-container .navbar-nav > li.divider-dot { margin-left:1.25rem; }
.header-container .navbar-nav.divider-dot-type li + li::before,
.header-container .navbar-nav > li.divider-dot::before { content:""; width:4px; height:4px; margin-top:-2px; position:absolute; top:50%; left:-.625rem; background-color:rgba(255,255,255,1); border-radius:1rem; }
.header-container.navbar-shrink .navbar-nav.divider-dot-type li + li::before,
.header-container.navbar-shrink .navbar-nav > li.divider-dot::before { background-color:rgba(33,37,41,1); }
/*	------ vertical bar type ------ */
.header-container .navbar-nav.divider-verticalbar-type li + li,
.header-container .navbar-nav > li.divider-verticalbar { margin-left:1.25rem; }
.header-container .navbar-nav.divider-verticalbar-type li + li::before,
.header-container .navbar-nav > li.divider-verticalbar::before { content:""; width:1px; height:.625rem; margin-top:-5px; position:absolute; top:50%; left:-.625rem; background-color:rgba(255,255,255,1); }
.header-container.navbar-shrink .navbar-nav.divider-verticalbar-type li + li::before,
.header-container.navbar-shrink .navbar-nav > li.divider-verticalbar::before { background-color:rgba(33,37,41,1); }

/*	--------- Responsive --------- */
@media (min-width:768px) {
	.header-container { min-height:4.5rem; }
	.header-container .navbar .navbar-collapse { display:flex !important; flex-basis:auto; }	
	.header-container .navbar .navbar-toggler { display:none !important; }
}
@media (min-width:992px) {
	.header-container .navbar-nav .nav-link span { display:inline; }
}


/*	------------------ [Brand] ------------------ */
.navbar-brand { padding-top:0; padding-bottom:0; }
.navbar-brand h1 { margin-bottom:0; line-height:1.5; text-align:center; }
.navbar-brand h1 a { display:inline-block; }
/*	------ text type ------ */
.navbar-brand h1 a span,
.navbar-brand h1 > span { padding-top:.25rem; padding-bottom:.375rem; display:inline-block; position:relative; line-height:1.5; color:rgba(255,255,255,1); font-size:1.5rem; font-weight:700; }
.navbar-shrink .navbar-brand h1 a span,
.navbar-shrink .navbar-brand h1 > span { color:#212529; }
/*	------ SVG type ------ */
.navbar-brand h1 .logo-svg-symbol,
.navbar-brand h1 .logo-svg-type,
.navbar-brand h1 .logo-svg-text { fill:#ffffff; }

/*	--------- Responsive --------- */
@media (min-width:768px) {
	.navbar-brand h1 { text-align:left; }
	/*	------ SVG type ------ */
	.navbar-shrink .navbar-brand h1 .logo-svg-symbol,
	.navbar-shrink .navbar-brand h1 .logo-svg-type,
	.navbar-shrink .navbar-brand h1 .logo-svg-text { fill:#212529; }
}


/*	------------------ [Navbar Toggler] ------------------ */
.navbar-expand .navbar-toggler { display:inherit !important; }

.navbar-toggler { width:2rem; height:2.25rem; padding:.5625rem .25rem !important; border:none; }
.navbar-toggler .navbar-toggler-drawer { width:1.5rem; height:1.125rem; position:relative; }
.navbar-toggler .navbar-toggler-drawer,
.navbar-toggler .navbar-toggler-drawer > span { display:inline-block; transition:all .3s; }
.navbar-toggler .navbar-toggler-drawer > span { width:100%; height:2px; position:absolute; left:0; background-color:#333; border-radius:.25rem; }
.navbar-toggler .navbar-toggler-drawer > span:nth-of-type(1) { top:0; }
.navbar-toggler .navbar-toggler-drawer > span:nth-of-type(2) { top:8px; }
.navbar-toggler .navbar-toggler-drawer > span:nth-of-type(3) { bottom:0; }



/*	------------------------------------------------------------
	[CONTAINER COMMON]
	------------------------------------------------------------ */
.header-item .btn-handle::before { content:"\eac8"; font-family:"icon-mode3"; font-size:15px; }
.header-item .btn-handle[aria-expanded="true"]::before { content:"\eada"; }



/*	------------------------------------------------------------
	[MAIN CONTAINER]
	------------------------------------------------------------ */
.main-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.main-header .header-heading { display:flex; align-items:center; align-content:flex-start; }
.main-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.main-header .header-item .form-group { margin-bottom:0; }
.main-header .header-item .form-group .btn { margin-left:.25rem; }
.main-header h1, .main-header .h1 { line-height:1.25; margin-top:.5rem; margin-bottom:.5rem; font-size:1.25rem; }
.main-header h1 small, .main-header .h1 small { color:#777d81; font-weight:400; }
.main-body { margin:0; padding:0; position:relative; }

/*	--------- Responsive --------- */
@media (min-width:576px) {
	.main-container .main-header { flex-direction:row; align-items:center; justify-content:space-between; }
	.main-container .main-header h1 { flex:1 1 auto; }
	.main-container .main-header h1 small { display:inline-block; }
}
@media (min-width:768px) {
	.main-container .main-header h1 { font-size:1.5rem; }
}



/*	------------------------------------------------------------
	[SECTION CONTAINER]
	------------------------------------------------------------ */
.section-container { margin:0; padding:0; background-color:#fff; }
.section-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.section-header .header-heading { display:flex; align-items:center; align-content:flex-start; }
.section-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.section-header .header-item .form-group { margin-bottom:0; }
.section-header .header-item .form-group .btn { margin-left:.25rem; }
.section-header h2, .section-header .h2 { margin-bottom:0; padding-top:.1875rem; padding-bottom:.25rem; font-size:1rem; }
.section-header h2 small, .section-header .h2 small { margin:0 .3125rem; color:#777d81; }
.section-header p.lead { color:rgba(33,37,41,.7); }
.section-body { /*width:100%; margin-right:auto; margin-left:auto;*/ padding:0; }

/*	--------- Responsive --------- */
@media (min-width:768px) {
	.section-header h2, .section-header .h2 { font-size:1.25rem; }
}



/*	------------------------------------------------------------
	[PANEL CONTAINER]
	------------------------------------------------------------ */
.panel-container { margin-top:1rem; }
.panel-header { padding:.6875rem 1rem 0; display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.panel-header .header-heading { display:flex; align-items:center; align-content:flex-start; }
.panel-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.panel-header .header-item .form-group { margin-bottom:0; }
.panel-header .header-item .form-group,
.panel-header .header-item .form-group .btn + .btn { margin-left:.25rem; }
.panel-header h3, .panel-header .h3 { margin-bottom:0; padding-top:.1875rem; padding-bottom:.25rem; }
.panel-header h3 small, .panel-header .h3 small { margin:0 .3125rem; color:#777d81; }
.panel-body { padding:1rem; }



/*	------------------------------------------------------------
	[ASIDE CONTAINER]
	------------------------------------------------------------ */
.aside-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.aside-header .header-heading { display:flex; align-items:center; align-content:flex-start; }
.aside-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.aside-header h3, .aside-header .h3 { margin-bottom:0; padding-top:.1875rem; padding-bottom:.25rem; }
.aside-header h3 small, .aside-header .h3 small { margin:0 .3125rem; color:#777d81; }



/*	------------------------------------------------------------
	[TOP NAVIGATION :: Top Type]
	------------------------------------------------------------ */
.navtop-container { background-color:#fff; }
.navtop-container .navtop { margin:0; padding:0; }
.navtop-container .navbar .dropdown > .nav-link { padding:1rem 2rem 1rem 1.25rem; position:relative; font-size:1rem; }
.navtop-container .navbar .dropdown.active > .nav-link,
.navtop-container .navbar .dropdown:active > .nav-link { color:#3688fc; }
.navtop-container .navbar .nav-item:first-of-type .nav-link { padding-left:0; }
.navtop-container .navbar .dropdown .dropdown-menu { margin-top:0; padding-top:.25rem; padding-bottom:.25rem; border-color:#e7ebf0; border-radius:0 0 .25rem .25rem; box-shadow:0 0 .625rem 0 rgba(0,0,0,.015); font-size:.875rem; }
.navtop-container .navbar .dropdown .dropdown-menu .dropdown-item { padding-top:.5rem; padding-bottom:.5rem; }
.navtop-container .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu { display:none; position:absolute; top:0; left:100%; }
.navtop-container .navbar .dropdown:hover > .dropdown-menu,
.navtop-container .navbar .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu { display:block; }
.navtop-container .navbar .dropdown .dropdown-toggle::after { content:""; margin-left:1rem; border:0 !important; width:15px; height:15px; margin-top:-6px; display:block; position:absolute; top:50%; right:4px; font-family:"icon-mode3"; line-height:1; }
.navtop-container .navbar .dropdown > .dropdown-toggle::after { content:"\eacb"; }
.navtop-container .navbar .dropdown .dropdown-menu .dropdown > .dropdown-toggle::after { content:"\ead7"; }


/*	------------------------------------------------------------
	[NAVIGATION :: Header]
	------------------------------------------------------------ */
.nav-container .nav-header { height:3.5rem; padding:0 .25rem; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.nav-container .nav-header h1 { margin:0; padding:0 .75rem; display:flex; justify-content:flex-start; }
.nav-container .nav-header h1 a { display:flex; align-items:center; color:#fff; font-size:1.125rem; font-weight:300; text-decoration:none; }
.nav-container .nav-header h1 a:hover { text-decoration:none; }
.nav-container .nav-header h1 a span { height:1.5rem; margin-left:.3125rem; }
.nav-container .nav-header h1 a .title { margin-left:.5rem; font-weight:700; }
.nav-container .nav-header h1 img { width:1.5rem; height:1.5rem; vertical-align:top; }
.nav-container .nav-header .header-item { display:flex; justify-content:flex-end; }
/*	--------- Responsive --------- */
@media (min-width:769px) {
	.nav-container .nav-header .header-item { display:none; }
}



/*	------------------------------------------------------------
	[FOOTER CONTAINER]
	------------------------------------------------------------ */
.footer-container { width:100%; position:relative; }
.footer-body { padding-top:1rem; padding-bottom:1rem; }
.footer-body p { margin-bottom:0; color:#646c73; font-size:.8125rem; }
.footer-body p a { color:#4c4d51; font-weight:500; }
.footer-body p a:hover { color:#12b6c5; }

.footer-body .logo-container { padding-top:.5rem; }
.footer-body .description-container { margin-bottom:1rem; }
.footer-body .address-container { color:#646c73; font-size:.8125rem; }
.footer-body .author-container {}
.footer-body .label { font-size:.8125rem; font-weight:500; }

.footer-body .address-container .address { }
.footer-body .address-container .ceo {}
.footer-body .address-container .business-reg {}
.footer-body .author-container .copyright { color:#646c73; font-size:.75rem; }

.footer-nav { margin-bottom:0; padding-left:0; position:relative; text-align:left; list-style:none; }
.footer-nav .nav-item,
.footer-nav .nav-item a,
.footer-nav .nav-item a strong { font-size:.875rem; }
.footer-nav .nav-item,
.footer-nav .nav-item a { color:#646c73; }
.footer-nav .nav-item a strong { color:#4c4d51; }
.footer-nav .nav-item .nav-link { padding:0; }

/*	--- Type Variation --- */
.footer-container.footer-simple-type1 .footer-body p { font-size:.8125rem; }
.footer-container.footer-simple-type1 .footer-nav .nav-item,
.footer-container.footer-simple-type1 .footer-nav .nav-item a,
.footer-container.footer-simple-type1 .footer-nav .nav-item a strong { font-size:.8125rem; }
/*	--------- Responsive --------- */
@media (max-width:424px) {
	.footer-container.footer-simple-type1 .col,
	.footer-container.footer-simple-type1 .col-auto { width:100%; flex:0 0 auto; }
	.footer-container.footer-simple-type1 .footer-body p { font-size:.75rem; }
}


/*	------------------ [Scroll to Top] ------------------ */
.btn-scrolltotop { width:3.5rem; height:3.5rem; display:none; position:fixed; right:2.5rem; bottom:2.5rem; background-color:rgba(255,255,255,1); border:1px solid #ddd; border-radius:.25rem; box-shadow:3px 3px 1px 0 rgba(0,0,0,.07); color:#212529; text-decoration:none; z-index:1049; }
.btn-scrolltotop:hover,
.btn-scrolltotop:focus { color:#212529; }
.btn-scrolltotop span { height:100%; display:flex; align-items:center; justify-content:center; }

/*	--- Type Variation --- */
.btn-scrolltotop.theme-dark { background-color:rgba(33,37,41,.5); box-shadow:3px 3px 1px 0 rgba(0,0,0,.07); color:#fff; }

/*	--- Size --- */
.btn-scrolltotop-sm { width:3rem; height:3rem; }

/*	--------- Responsive --------- */
@media (min-width:576px) {
	.btn-scrolltotop { bottom:.8125rem; }
}