@charset "utf-8";


    #slider {position:relative;width:100%;float:left;display:inline-block;*display:inline;height:630px;overflow:hidden !important;padding:0;margin:0;}
	.swiper-slide {background-size:100% auto;}
	#slider .down {position:absolute;bottom:50px;left:50%;margin-left:-32.5px;}

	.swiper-pagination,
	.swiper-button-next,
	.swiper-button-prev {z-index:99}

	/*#slide_text {position:absolute;width:50%;top:50%;left:25%;margin-top:-100px;text-align:center;color:#fff;z-index:99;}*/

	#slide_text {position:absolute;width:100%;top:0;left:0;text-align:center;color:#fff;z-index:10;text-align:center;}
	#slide_text .textwrap {position:relative;width:100%;max-width:1280px;margin:0 auto;}
	#slide_text .textwrap img {float:left;margin-top:20px;}
	#slide_text h4 {font-weight:100;text-transform:capitalize; letter-spacing:3pt;margin-bottom:30px; }
	#slide_text h1 {font-size:40pt;letter-spacing:-2pt;text-shadow: 2px 2px 5px rgba(0,0,0,0.1);}

	.swiper-overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9;}

	.swiper,
	.swiper-slide {height:100%;}

	.text {position:absolute;top:50%;width:100%;text-align:center;z-index:99;}
		
	@media all and (max-width:991px) {

		#slider {height:300px;}

		#slide_text h4 {font-size:12pt;letter-spacing:0;}
		#slide_text h1 {font-size:20pt;letter-spacing:-0.5pt;}
		#slide_text .textwrap img {float:left;margin-left:30px;width:200px;height:auto;}

		#slider .down {max-width:50px;}	

		#slides img {height:300px !important;width:auto !important;top:0 !important;left:-33% !important}
	}
	


.box {position:relative;margin:60px auto 40px auto;width:100%;display:inline-block;*display:inline;}

.box1, .box2, .box3, .box4, .box5, .box6 {position:relative;float:left;box-shadow:0px 5px 10px rgba(0,0,0,0.03);}
.box h3 {font-weight:500;line-height:130%;}

/*
.box1 {width:220px;height:440px;background:url('../img/bg_box1.png') #1054dd no-repeat left top;color:#fff;padding:80px 0;text-align:center;font-size:15pt;font-weight:400;letter-spacing:-0.5pt;overflow:hidden;-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;}
*/
/*

.box1 {width:27.5%;height:350px;background:url('../img/bg_box1.png') #1054dd no-repeat left top;color:#fff;padding:80px 0;
	text-align:center;font-weight:400;letter-spacing:-0.5pt;overflow:hidden;-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}*/


	.box1 {width:27.5%;height:350px;background:url('../img/bg_box1.png') #1054dd no-repeat left top;background-size:85% auto;color:#fff;padding:80px 0;
	text-align:center;font-weight:400;letter-spacing:-0.5pt;overflow:hidden;-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}

.box1 img { position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}

.box1 .text {position:absolute;left:50%;top:120px;text-align:left;font-size:14pt;}
.box1 .represent {position:absolute;left:-10px;bottom:0;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.box1 .represent {width:300px;height:auto;max-width:300px !important;}
.box1 .represent_name {position:absolute;left:60%;bottom:80px;font-size:10pt;color:#fff;text-align:left;}
.box1 b {color:#ffa800 !important;font-weight:600;}
.box1 .grd {position:absolute;left:0;top:0;width:100%;height:350px;background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), #001c6d); z-index:99;color:#fff;opacity:0}
.box1 .grd div {position:absolute;width:100%;left:0;bottom:0;padding:15px 0;font-size:11pt;}

/*
.box1:hover {background:url('../img/bg_box1.png') #022ca8 no-repeat left -5px top -5px;cursor:pointer;}
.box1:hover .grd {opacity:1}
.box1:hover .represent {position:absolute;left:0;bottom:0;}
*/


/*
.box2, .box3, .box4 {width:220px;height:220px;color:#fff;padding:30px;text-align:left;-moz-transition:all .3s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.box2 {background:url('../img/main_box_bg1.png') #ff4152 no-repeat right -10px bottom -10px;}
.box3 {background:url('../img/main_box_bg2.png') #00b62b no-repeat right -10px bottom -10px;}
.box4 {background:url('../img/main_box_bg3.png') #ffa800 no-repeat right -10px bottom -10px;}
.box2 h3, .box3 h3, .box4 h3 {text-align:left;font-weight:600;font-size:16.5pt;letter-spacing:-0.5pt;text-shadow:1px 1px 3px rgba(0,0,0,0.15);-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

.box2:hover, .box3:hover, .box4:hover {cursor:pointer;}
.box2:hover {background:url('../img/main_box_bg1.png') #ff4152 no-repeat right 0px bottom 0px;}
.box3:hover {background:url('../img/main_box_bg2.png') #00b62b no-repeat right 0px bottom 0px;}
.box4:hover {background:url('../img/main_box_bg3.png') #ffa800 no-repeat right 0px bottom 0px;}
.box2:hover h3, .box3:hover h3, .box4:hover h3 {margin-left:5px;}
*/

.box6 {width:calc(45% - 60px);height:350px;padding:30px;margin:0 30px;background:#fff} /*공지사항*/
.box5 {width:27.5%;height:350px;float:right;background:#fff} /*달력*/


/*
.box7 {position:absolute;right:0;bottom:0;background:url('../img/main_box_bg7.png') #44464e no-repeat right bottom;width:320px;height:220px;color:#fff;padding-top:40px;text-align:center !important;}
.box7 h3 {margin-bottom:5px;}
.box7 .btnarea {position:relative;margin:15px auto 0 auto !important;width:275px;display:inline-block;*display:inline;}
.box7 .btnarea a {position:relative;float:left;width:65px;height:30px;line-height:30px;color:#fff;background:#575960;margin-right:5px;margin-bottom:5px;font-size:10pt;}
.box7 .nomargin {margin-right:0 !important;}
.box7 span {color:#b5b5b7;font-size:10.5pt;}
*/

.bar_title {width:130px;float:left;text-align:right;}
.bar_title a {float:right;font-weight:bold;width:70px;border-top:3px solid #000;text-align:right;margin-top:10px;}



@media all and (max-width:1200px) {
	
	.box6 {width:calc(45% - 30px);margin:0 15px;} 
}


@media all and (max-width:991px) {

	.container.index {position:relative;width:100%;padding:0;display:inline-block;display:inline;}
	.box {margin:0;}
	.box1, .box2, .box3, .box4, .box5, .box6 {box-shadow:none;}
	.box1 {position:relative;width:100%;top:0;height:200px;padding-left:50%;text-align:left;padding-top:50px;font-size:14pt;line-height:150%;margin:8px 0;}	
	.box1 .represent  {width:220px;left:0;bottom:0px;}
	.box1 .represent_name {position:absolute;left:40%;bottom:15px;font-size:9pt;}
	.box1 .represent_name br {display:none;}
	.box1 .text {position:absolute;left:40%;top:90px;text-align:left;font-size:14pt;word-break:keep-all;}
	.box1 .text .hidden-xs {display:none !important;}
	.box1 .text .visible-xs {display:block !important;}

	.box1:hover .represent {position:absolute;left:0;bottom:-55px;}

	.box2, .box3, .box4 {width:33.333%;height:150px;padding:20px 15px;}
	.box2 h3, .box3 h3, .box4 h3 {font-size:12.5pt;}

	.box2,.box3, .box4 {background-size:70px auto;}

	.box2:hover {background:url('../img/main_box_bg1.png') #ff4152 no-repeat right -10px bottom -10px;background-size:90px auto;}
	.box3:hover {background:url('../img/main_box_bg2.png') #00b62b no-repeat right -10px bottom -10px;background-size:90px auto;}
	.box4:hover {background:url('../img/main_box_bg3.png') #ffa800 no-repeat right -10px bottom -10px;background-size:90px auto;}

	.box2:hover h3, .box3:hover h3, .box4:hover h3 {margin-left:0px;}


	.box5 {position:relative;width:100%;height:auto;padding-bottom:15px;top:0;margin:8px auto;} /*달력*/
	.box6 {position:relative;width:100%;padding:20px;height:auto;border-top:1px solid #ddd;margin:0;} /*공지사항*/
	.box6:after {}

	.box7 {position:relative !important;width:100%;margin-top:15px;}


	.pic_lt {background:#fff;padding:30px 15px;margin:0 0 10px 0;}



}