html,body{min-height:100%;font-family: 'Open Sans', sans-serif;scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;letter-spacing:0px;}
.bg-light{background:#fff!important;border-bottom:1px solid #eee;}
.navbar{padding:0 1rem;}
.navbar-brand{padding:0px!important;}
#logo{height:64px;}
#topphone{margin:0 0 4px 0;padding:0;}
#phoneicon{height:30px;margin-top:20px;}
.fullwidth{width:100%;min-height:200px;}
/*section{padding:3% 0 3% 0;}*/
.bluefont{color:#455368;}
#covid{background:#dc5706;color:#fff;text-align:center;}
p, ul,li{font-size:18px;}
#covid p{padding:5px 0 5px 0;font-size:16px;}

h2,h3{padding:4px 0 0px 0;font-size:28px;}

#courses h5{text-align:left;}
#staff{padding-top:80px;}
.dotdk{height:380px;width:450px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:22%;margin-left:40px;color:#777;z-index:1000;}
.dotdk h3{font-size:35px;}
.dotdk h3>span{font-size:44px;font-weight:bold;}
.graybg{background:#ddd;padding:240px 20px 20px 20px;margin-top:-200px;}

.card-body{padding:16px;}
	.card-title{font-size:26px;}


#staff .col-6, #courses .col-6{padding:5px;}
#courses .btn-primary{color:#999;border:1px solid #999;background:#fff;font-size:12px;}
.main-carousel h2{color:#888;text-align:left;padding: 0px 0 0px 0;font-size:30px;}
.main-carousel ul, .main-carousel ul li{text-align:left;}
.main-carousel .cta{background:#bdd7ee;padding:10px;text-align:center;}
.main-carousel .cta h2{color:#fff!important;text-align:center;}
.main-carousel .cta .btn-primary{padding:10px 20px 10px 20px;color:#999;background:none;border:1px solid #999;font-weight:bold;font-size:13px;}
.main-carousel2 h2{color:#888;text-align:left;padding:20px 0 20px 0;font-size:30px;}
.main-carousel2 ul, .main-carousel ul li{text-align:left;}
.main-carousel2 .cta{background:#bdd7ee;padding:10px;text-align:center;}
.main-carousel2 .cta h2{color:#fff!important;text-align:center;}
.main-carousel2 .cta .btn-primary{padding:10px 20px 10px 20px;color:#999;background:none;border:1px solid #999;font-weight:bold;font-size:13px;}
.main-carousel3 h2{color:#888;text-align:left;padding:20px 0 20px 0;font-size:30px;}
.main-carousel3 ul, .main-carousel ul li{text-align:left;}
.main-carousel3 .cta{background:#bdd7ee;padding:10px;text-align:center;}
.main-carousel3 .cta h2{color:#fff!important;text-align:center;}
.main-carousel3 .cta .btn-primary{padding:10px 20px 10px 20px;color:#999;background:none;border:1px solid #999;font-weight:bold;font-size:13px;}
.main-carousel4 h2{color:#888;text-align:left;padding:20px 0 20px 0;font-size:30px;}
.main-carousel4 ul, .main-carousel ul li{text-align:left;}
.main-carousel4 .cta{background:#bdd7ee;padding:10px;text-align:center;}
.main-carousel4 .cta h2{color:#fff!important;text-align:center;}
.main-carousel4 .cta .btn-primary{padding:10px 20px 10px 20px;color:#999;background:none;border:1px solid #999;font-weight:bold;font-size:13px;}
.main-carousel5 h2{color:#888;text-align:left;padding:20px 0 20px 0;font-size:30px;}
.main-carousel5 ul, .main-carousel ul li{text-align:left;}
.main-carousel5 .cta{background:#bdd7ee;padding:10px;text-align:center;}
.main-carousel5 .cta h2{color:#fff!important;text-align:center;}
.main-carousel5 .cta .btn-primary{padding:10px 20px 10px 20px;color:#999;background:none;border:1px solid #999;font-weight:bold;font-size:13px;}
/* carousel-staff1 */
.carousel-staff1 h2{color:#888;text-align:left;padding:20px 0 20px 0;font-size:30px;}
.carousel-staff1 ul, .main-carousel ul li{text-align:left;}
.carousel-staff1 .cta{background:#bdd7ee;padding:20px;text-align:center;}
.carousel-staff1 .cta h2{color:#fff!important;text-align:center;}
.carousel-staff1 .cta .btn-primary{padding:10px 20px 10px 20px;color:#999;background:none;border:1px solid #999;font-weight:bold;font-size:13px;}
.dkswipe{padding:30px 0 30px 0;}

.duxsection img{width:100px;}
.bluebg{
	background:#e1edf7;padding:40px 0 30px;
}

#staff h3,#staff h4{font-weight:bold;}
#staff p{font-size:13px;}

#whychoosegls{background:#f7e4d7;}
#whychoosegls .col-6 p{
	font-size:16px;
	min-height:80px;
}

#theform{font-size:14px;}

#kakao .col-9 p {
	font-size:15px;

}
#kakaodiv{
	padding-left:10px;
	font-size:15px;
}
#kakao h5{font-weight:bold;font-size:19px!important;}
#kakaoscreenshot{width:200px;}

#footer p{font-size:7px;text-align:center;}
.flickity-page-dots .dot.is-selected{
	background:#dc5706;
}

.graybglast {background:#ddd;padding:0px 20px 20px 20px;}
	.graybglast h3{font-size:24px;}


#submitgraybtn{
	/*color:#000;background:#eee;border:1px solid #aaa;padding:10px 60px 10px 60px;*/
	color:#999;border:1px solid #999;background:#fff;font-size:12px;

}
/* no circle */

.flickity-button {
  background: transparent;
}

/* icon color */
.flickity-button-icon {
  fill: rgb(220, 87, 6,0.4);
  display:none;
}

.flickity-button:hover{background:rgb(255, 255, 255,0.6);}

/* big previous & next buttons */
.flickity-prev-next-button {
  width: 100px;
  height: 100px;
}

/* hide disabled button */
.flickity-button:disabled {
  display: none;
}

@media (max-width: 492px) and (min-width:100px) {
	#logo{height:38px;}
	#openinghours h5{font-size:17px;font-weight:bold;text-align:center;}
	#openinghours p{font-size:14px;padding:0;margin:0;}
	#phoneicon{height:18px;margin-top:20px;}
	#covid p{font-size:7px;}
	h2{font-size:18px;}
	#theform h4{font-size:17px;}
	 .col-form-label,label,p,ul li{font-size:12px;}
	 ul li{padding-bottom:16px;}
	 .cta p{margin-bottom:0px;}
	 .card-title{margin-bottom:0px;}
	

	.main-carousel h2,.main-carousel2 h2,.main-carousel3 h2,.main-carousel4 h2,.main-carousel5 h2{color:#888;text-align:left;padding: 6px 0 0px 0;font-size:18px;}
	.main-carousel .cta h2,.main-carousel2 .cta  h2,.main-carousel3 .cta  h2,.main-carousel4 .cta  h2,.main-carousel5 .cta  h2{ font-size:14px;padding-bottom:5px;}
	.card-body{padding:10px;}
	.card-title{font-size:14px;}

	.dotdk{height:110px;width:120px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:0%;margin-top:10px;margin-left:17px;}
	.dotdk h3{font-size:13px;padding-top:35px;}
	.dotdk h3>span{font-size:13px;font-weight:bold;}
	.graybg{background:#ddd;padding:120px 10px 20px 10px;margin-top:-90px;}
	.graybg h4, .graybg h3{font-size:18px;}
	.staff h4{font-size:16px;}
	.staff p{font-size:9px;}
	.duxsection p{font-size:12px;}
	.form-group{margin-bottom:2px;}
	#whychoosegls .col-6 p{
		font-size:13px;
		min-height:80px;
	}
	#kakaoscreenshot{width:180px;}
	#kakao h5{font-size:17px!important;padding-top:1px;}
}

@media (max-width: 576px) and (min-width:493px) {
	#logo{height:38px;}
	#phoneicon{height:20px;margin-top:12px;}
	.card-title{margin-bottom:0px;}
	#covid p{font-size:10px;}
	.main-carousel ul li{font-size:16px;}
	.main-carousel h2,.main-carousel2 h2,.main-carousel3 h2,.main-carousel4 h2,.main-carousel5 h2{color:#888;text-align:left;padding: 6px 0 0px 0;font-size:22px;}
	.main-carousel .cta h2,.main-carousel2 .cta  h2,.main-carousel3 .cta  h2,.main-carousel4 .cta  h2,.main-carousel5 .cta  h2{ font-size:20px;}
	.card-body{padding:10px;}
	.card-title{font-size:17px;margin-bottom:2px;}

	.dotdk{height:140px;width:180px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:0%;margin-top:10px;margin-left:15px;}
	.dotdk h3{font-size:18px;padding-top:36px;}
	.dotdk h3>span{font-size:20px;font-weight:bold;}
	.graybg{background:#ddd;padding:120px 20px 20px 20px;margin-top:-90px;}
	.graybg h4,.graybg h3{font-size:24px;}
	#kakao h5{font-size:16px!important;}
	.staff p{font-size:13px;}
}

@media (max-width: 768px) and (min-width:577px) {
	#logo{height:38px;}
	#phoneicon{height:20px;margin-top:12px;}
	.dotdk{height:140px;width:180px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:0%;margin-top:10px;margin-left:25px;}
	.dotdk h3{font-size:20px;padding-top:36px;}
	.dotdk h3>span{font-size:25px;font-weight:bold;}
	.graybg{background:#ddd;padding:120px 20px 20px 20px;margin-top:-90px;}
	.graybg h3{font-size:24px;}
}

@media (max-width: 992px)  and (min-width:769px) {
	#logo{height:38px;}
	.dotdk{height:190px;width:268px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:0%;margin-top:10px;margin-left:25px;}
	.dotdk h3{font-size:20px;padding-top:56px;}
	.dotdk h3>span{font-size:25px;font-weight:bold;}
	.graybg{background:#ddd;padding:120px 20px 20px 20px;margin-top:-90px;}
	.graybg h3{font-size:24px;}
	}


@media (max-width: 1200px) and (min-width:993px) { 
	#logo{height:38px;}
	.dotdk{height:280px;width:388px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:0%;margin-top:10px;margin-left:25px;margin-bottom:100px;}
	.dotdk h3{font-size:24px;padding-top:100px;}
	.dotdk h3>span{font-size:30px;font-weight:bold;}
	.graybg{background:#ddd;padding:120px 20px 20px 20px;margin-top:-200px;}
	.graybg h3{font-size:24px;}
	}


/*
@media (max-width: 1200px) {
	.dotdk{height:180px;width:200px;background:#fff;border-radius:50%;display:inline-block;border:3px solid #ccc;margin:0 auto;padding-top:0%;margin-top:10px;margin-left:15px;}
	.dotdk h3{font-size:22px;padding-top:60px;}
	.dotdk h3>span{font-size:28px;font-weight:bold;}
	.graybg{background:#ddd;padding:120px 20px 20px 20px;margin-top:-90px;}
}

@media (max-width: 768px) {
	#logo{height:38px;}
	#phoneicon{height:27px;margin-top:10px;}
	
	#covid p{font-size:12px;}
	.main-carousel h2,.main-carousel2 h2,.main-carousel3 h2,.main-carousel4 h2,.main-carousel5 h2{color:#888;text-align:left;padding:20px 0 20px 0;font-size:20px;}
	.main-carousel .cta h2,.main-carousel2 .cta  h2,.main-carousel3 .cta  h2,.main-carousel4 .cta  h2,.main-carousel5 .cta  h2{ font-size:20px;}
	.card-body{padding:10px;}
	.card-title{font-size:17px;}

}

*/