.section-title{text-align: center;margin-top: 100px;margin-bottom: 40px;}
	.section-title h3 {margin-bottom: 10px;font-size: 32px;font-weight: 700;}
	.section-title h3 span {color: #106eea;}
	.section-title p{margin-bottom: 0;}

	
	#main{padding-bottom: 150px;}
	#main .container{max-width:1300px}

/* Preloader */
#preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);margin:auto;
  z-index: 9999;
  overflow: hidden;
  width: 1920px;
  height: 1500px;
  background: url('/images/intro3.png') center center no-repeat #fff; background-size: 20% auto;
}

@media (max-width:768px){
	#preloader{
		width:100%;
		height:100%;
		background-size: auto 12%;
	}
}


/* header */
	#header{background-color: var(--color-main);color: #fff;}
	#header h1 > a{background-image: url('/images/logo_w.png');}
	#header a{color: #fff;}
	.bar1, .bar2, .bar3 {background-color: #fff;}
	.top_menu > li > a:hover{color: #3F3B38 !important;}
	.mobile-nav-toggle i{color: #fff;}
	#header .util_menu a:hover{color: #000;}

/* map */
	.address_box{width: 320px;margin: 0 auto;margin-top: 50px;}
	.address_box > ul{border-top: 2px solid #000;}
	.address_box > ul > li{padding: 10px 0;border-bottom: 1px solid #ddd;}
	.address_box > ul > li:last-of-type{border-bottom: none;}
	.address_box > ul > li > strong{display: inline-block;padding: 0 20px;font-weight: bold;}
	.address_box a{display: block;padding: 10px;border: 1px solid #000;text-align: center;margin-top: 30px;color: #000;font-weight: bold;background: url('/images/icon_navermap.png') 26% center no-repeat;background-size:20px auto ;}

/* course */
	.services .container{border-bottom: 1px solid #ddd;padding-bottom: 110px;}
	.services .icon-box {text-align: center;border: 1px solid #e2eefd;transition: all ease-in-out 0.3s;width:100%;height: 230px;cursor: pointer;}
	.services .icon-box > div{width: 100%;height: 100%;padding: 60px 20px;position: relative;background-color: rgba(0,0,0,0.5);color: #fff;}
	.services .icon-box > div:after{top:0;left:0;position:absolute;background-size:100% auto;opacity:1!important;filter:alpha(opacity=100);z-index:-1;
	content:"";width:100%;height:100%;}
	
	.btn_course{position: relative;}
	.btn_course.img1:after{ background-image:url('/images/main_course01.jpg'); }
	.btn_course.img2:after{ background-image:url('/images/main_course02.jpg'); }
	.btn_course.img3:after{ background-image:url('/images/main_course03.jpg'); }

	.btn_course .txt{position: absolute;top: 114px;left: 24px;}

	.services .icon-box .icon {margin: 0 auto;width: 64px;height: 64px;border-radius: 4px;border: 1px solid #deebfd;display: flex;align-items: center;
	justify-content: center;margin-bottom: 20px;transition: ease-in-out 0.3s;}
	.services .icon-box .icon i {color: #fff;font-size: 28px;transition: ease-in-out 0.3s;}
	.services .icon-box h4{text-align: left;position: absolute;left: 24px;bottom: 20px;}
	.services .icon-box h4 strong{display: block;font-weight: bold;margin-bottom: 10px;font-size: 20px;}
	.services .icon-box h4 span{display: block;font-size: 1rem;}
	.services .icon-box i{position: absolute;right: 20px;font-size: 2.5rem;bottom: 16px;}
	.services .icon-box:hover {border-color: #fff;box-shadow: 0px 0 25px 0 rgba(16, 110, 234, 0.3);}
	.services .icon-box:hover h4 a{text-shadow:2px 2px 1px #000}
	.services .icon-box:hover .icon i {color: #106eea;}
	.services .icon-box:hover .icon {border-color: #106eea;background-color:rgba(255,255,255,0.5)}
	.services .icon-box:hover > div{background-color: rgba(0,0,0,0); transition: ease-in-out 0.3s;}

	@media (max-width:1200px){
		.services .icon-box{height: 200px;}
		.services .icon-box h4{left: 14px;}
		.services .icon-box i{right: 4px;}
	}

	@media (max-width:768px){
		.services .row{margin-right: 14px;margin-left: 14px;}
		.services .row > div{margin-bottom: 6px;}
		.btn_course .txt{top: 90px;left: 14px;}
	}

/* 퀵메뉴 */
	.quick_menu{width:235px; height:auto; color:#fff;  box-sizing:border-box; position:absolute; top:200px; right:150px; z-index:9;background:rgba(0,0,0,0.65);}
	.quick_menu .box_wrap{overflow:hidden;}
	.quick_menu .box_wrap > p{text-align:center; margin:25px 0 15px;;}
	.quick_menu .box_wrap ul{text-align:center;}
	.quick_menu .box_wrap ul li a{color:inherit;}

	.quick_menu .box_quick{padding-bottom:20px;border-bottom: 4px solid var(--color-main);}
	.quick_menu .box_quick ul{margin:0 20px;}
	.quick_menu .box_quick ul li{width:50%; padding:12px; float:left;}
	.quick_menu .box_quick ul li:nth-child(2n-1){border-right:1px dotted #999}
	.quick_menu .box_quick ul li:nth-child(1),
	.quick_menu .box_quick ul li:nth-child(2){border-bottom:1px dotted #999}
	.quick_menu .box_quick ul li a img{display:inline-block;}
	.quick_menu .box_quick ul li a p{font-size:14px; margin:2px 0 0; padding:0}

	.quick_menu .box_weather > p{margin:25px 0 12px;}
	.quick_menu .box_weather ul li{display:inline-block; width:22%; margin-left:15px;}
	.quick_menu .box_weather ul li:first-child{margin-left:0px}
	.quick_menu .box_weather ul li img{max-width:80%;}
	.quick_menu .box_weather ul li p{line-height:1.2rem;}
	.quick_menu .box_weather ul li p span{font-size:13px; color:#ddd;}

	.quick_menu .box_notice{padding:0 20px 20px; border-image: linear-gradient(to right, #2b6ce7, #1ca7b9); border-image-slice: 1;  overflow:hidden;}
	.quick_menu .box_notice p{text-align:center; font-weight:bold; font-size:16px; margin:25px 0 10px;}
	.quick_menu .board_list_main{}	
	.quick_menu .board_list_main div{width:100%; border-top:1px dotted #666;}
	.quick_menu .board_list_main div:first-child{border-top:0 none;}
	.quick_menu .board_list_main div a{display:block; width:inherit; line-height:30px; font-weight:normal; font-size:13px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.quick_menu .board_list_main div a img{vertical-align: middle;margin-left: 4px;}



	@media (max-width:768px){
		.quick_menu{left: 50%;transform:translateX(-50%);top: 100px;}
		.quick_menu .box_wrap > p{display: none;}
		.quick_menu .box_quick{border-image:none;border-bottom:0;padding-top: 20px;}
	} 


/*--------------------------------------------------------------
	# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%;height: 79vh;background-color: rgba(22, 30, 56, 0.8);overflow: hidden;position: relative;}
#hero:before{content: "";display: block; width: 100%;height: 100%;background-color: rgba(0,0,0,.1);position: absolute;left: 0px;top: 0px;z-index:2}
#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
#hero .carousel-item {background-size: cover;background-position: center;background-repeat: no-repeat;}
#hero .carousel-container {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;top: 70px;left: 50px;right: 50px;}
#hero .carousel-inner .carousel-item {transition-property: opacity;background-position: center center;}
#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {opacity: 0;}
#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {opacity: 1;transition: 0.5s;}
#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {left: 0;transform: translate3d(0, 0, 0);}
#hero .carousel-control-prev, #hero .carousel-control-next {width: 10%;top: 82px;z-index:2}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {background: none;font-size: 36px;line-height: 1;width: auto;height: auto;background: rgba(255, 255, 255, 0.2);border-radius: 50px;padding: 10px;transition: 0.3s;
color: rgba(255, 255, 255, 0.5);}
#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {background: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.8);}
#hero .carousel-indicators li {cursor: pointer;background: #fff;overflow: hidden;border: 0;width: 8px;height: 8px;border-radius: 50px;opacity: .4;transition: 0.3s;}
#hero .carousel-indicators li.active {opacity: 1;background: #fff;}
#hero .btn-get-started {font-size: 36px;display: inline-block;padding: 4px 0;border-radius: 50px;transition: 0.3s ease-in-out;margin: 10px;width: 64px;height: 64px;text-align: center;border: 2px solid #fff;color: #106EEA;}
#hero .btn-get-started:hover {padding-top: 8px;background: rgba(255, 255, 255, 0.15);}

.hero_text{position: absolute;width: 50%;top: 55%;left:25%;z-index:8;color: #fff;font-weight: 100;animation-name: fadeUpAni1; animation-duration: 5s; animation-fill-mode: forwards;opacity: 0; animation-iteration-count: infinite;font-size: 3rem;text-align: center;letter-spacing:1.5rem;}
		

@media (max-width: 992px) {
	#hero {height: 100vh;}
	#hero .carousel-container {top: 8px;}
	#hero .carousel-control-prev, #hero .carousel-control-next {top: 58px;}
}

@media (max-width: 768px) {
	#hero h2 {font-size: 28px;}
	#hero .carousel-container{left: 0px;right: 0px;}
	.hero_text{display: none;}
}

@media (min-width: 1024px) {
	#hero .carousel-control-prev, #hero .carousel-control-next {	width: 5%;	  }
}

@media (max-height: 500px) {
	#hero {height: 120vh;}
}