
#wrapper.main .swiper-wrapper{
	/*height:937px;*/
}

#main{font-size:1.125rem;height:100%}
#main .swiper-container{width:100%;/*height:937px;*/margin-left:auto;margin-right:auto}
#main .swiper-wrapper .swiper-slide {
    /*height: 937px;*/
	height:100vh;
}
#main  .swiper-slide {
	height:100vh;
    /*min-height: 937px;*/
}

#main .swiper-button-next,
#main .swiper-button-prev{color:#fff}
#main .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;transition:.3s}
#main .swiper-pagination-bullet{width:12px;height:12px;border:2px solid #003993;background-color:rgba(255,255,255,.5);margin:0 7px}
#main .swiper-pagination-bullet-active{background-color:#003993}

.slide-bg{background:url('../img/main/main01.jpg') center no-repeat;background-size:cover;width:100%;}
.slide-txt{color:#fff;text-align:center}
.slide-txt .main_tit{font-family:'NotoSerifKR';font-size:40px;color:#fff;letter-spacing:10px;margin:0 0 30px; font-weight:200;}
.slide-txt .sub_tit{font-family:'Lato';font-size:40px;color:#fff;margin:30px 0; font-weight:300; font-weight:bold;}
.slide-txt .sub_tit p{font-size:30px;margin:0px;}

.tbl_txt {
	font-size:16px;
	display: block;
    color: #fff;
    border: 1px solid #fff;
    width: 200px;
    /* height: 48px; */
    line-height: 47px;
    background-color: rgba(255,255,255,.2);
    text-align: center;
    margin: 30px auto 0;
}

.tbl_txt:hover {
    border:#003993;
    background-color:#003993;
 }


.slide-bg-full{
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background:url('../img/main/main02_new2.jpg') center no-repeat;background-size:cover;
	text-align:center;color:#fff
}

.slide-bg-full.bg-01{background-image:url('../img/main/img_white.png')}/*background-image:url('../img/main/main01.jpg')*/
.slide-bg-full .tit{font-size:2.5rem;font-weight:bold}


.slide-bg-full .stit{margin:30px 0}
.slide-bg-full .box-white ul{overflow:hidden}
.slide-bg-full .box-white ul li{display:inline-block;width:245px;height:150px;background-color:rgba(255,255,255,.4);border-radius:20px;margin:0 10px}
.slide-bg-full .box-white ul li .tbl{display:table;width:100%}
.slide-bg-full .box-white ul li span{display:table-cell;vertical-align:middle;height:150px}
.slide-bg-full.bg-02{background-image:url('../img/main/main03_new2.jpg')}
.slide-bg-full.bg-03{background-image:url('../img/main/main04.jpg')}
.slide-bg-full.bg-04{background-image:url('../img/main/main05.jpg')}
.slide-bg-full.bg-08{background-image:url('../img/main/main08.jpg')}
.slide-bg-full.bg-04 .tit{color:#003993;font-size:3.375rem; font-size:bold;}
.slide-bg-full.bg-04 .stit{color:#333333}

.slide-wrap{margin:60px auto 0 auto;width:1240px;overflow:hidden}
.slide-wrap .map{position:relative;float:left;width:540px;height:560px;margin-right:20px;background:url('../img/main/map.jpg')}
.slide-wrap .map span{display:inline-block;cursor:pointer;position:absolute;padding-top:10px;background-color:#6688be;border-radius:50%;;text-align:center;color:#fff;font-size:1rem;transition:.3s}
.slide-wrap .map span:hover,
.slide-wrap .map span.on{background-color:#003993}
.slide-wrap .map span big{font-size:1.125rem}
.slide-wrap .map span:nth-child(1){width:100px;height:100px;top:88px;left:138px}
.slide-wrap .map span:nth-child(2){width:90px;height:90px;top:92px;right:5px}
.slide-wrap .map span:nth-child(3){width:80px;height:80px;top:165px;right:72px}
.slide-wrap .map span:nth-child(4){width:85px;height:85px;bottom:95px;right:12px;padding-top:15px}
.slide-wrap .map span:nth-child(5){width:80px;height:80px;top:190px;left:240px;padding-top:15px}
.slide-wrap .map span:nth-child(6){width:90px;height:90px;top:202px;left:150px}
.slide-wrap .map span:nth-child(7){width:80px;height:80px;top:275px;left:95px;padding-top:15px}
.slide-wrap .map span:nth-child(8){width:90px;height:90px;bottom:180px;left:5px}
.slide-wrap .map span:nth-child(9){width:90px;height:90px;bottom:70px;left:5px}
.slide-wrap .con{float:left;width:680px;height:560px;position:relative}
.slide-wrap .img{width:100%;height:430px}
.slide-wrap .img img {width:100%;height:100%}
.slide-wrap .txt{text-align:left;background-color:#fff;padding:24px;color:#888888;font-size:1.25rem}
.slide-wrap .txt strong{display:block;width:100%;text-overflow:ellipsis;color:#333;font-size:2.25rem}
.slide-wrap .btn{top: 470px;cursor:pointer;position:absolute;z-index:10;bottom:0;right:0;width:60px;height:57px;background-color:#003993;color:#fff;text-align:center;padding:15px 0}
.slide-wrap .btn.prev{right:61px}

.slide-bg-full.bg-05{background-image:url('../img/main/main06.jpg')}
.slide-bg-full.bg-05 .tit{color:#003993;font-size:3.375rem}
.slide-bg-full.bg-05 .stit{color:#333333}
.bslide-wrap{margin:60px auto 0 auto;width:1240px;height:560px;overflow:hidden}
.bslide-wrap .con{float:left;width:840px;height:100%;position:relative}
/*height 꽉 채우기 위해 추가*/
.bslide-wrap .con div.img { height:100%; }
.bslide-wrap .con div.img img { height:100%; }
.bslide-wrap .txt{width:100%;position:absolute;color:#fff;padding:20px;bottom:0;left:0;right:0; background-color: #383838; filter: opacity(0.7); }/*마지막 2개 속성값 추가함*/
.bslide-wrap .txt strong{display:block;font-size:2.25rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.bslide-wrap .txt span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.bslide-wrap .list{background-color:#3e3e3e;float:left;width:400px;height:100%}
.bslide-wrap .list .tit{color:#aaaaaa;text-align:left;padding:20px;font-size:1.125rem;font-weight:normal}
.bslide-wrap .list li{border-bottom:1px solid #4e4e4e;text-align:left}
.bslide-wrap .list li a{display:block;color:#fff;padding:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}
.bslide-wrap .list li a:hover,
.bslide-wrap .list li a.on{background-color:#003993}
.bslide-wrap .list li:last-child{border-bottom:0}
.bslide-wrap .list li a:before{display:inline-block;margin-right:10px;content:"";width:8px;height:8px;background-color:#fff;border-radius:50%}

.slide-bg-full.bg-06{background-image:url('../img/main/main07.jpg')}
.bg-06 ul{overflow:hidden}
.bg-06 li{float:left;width:23%;margin-right:2%}
.bg-06 li:last-child{margin-right:0}
.bg-06 li a{display:block;color:#fff;border:1px solid #fff;width:100%;background-color:rgba(255,255,255,.2);text-align:center;padding:45px 0}
.bg-06 li a:hover{background-color:#003993;border-color:#003993}
.bg-06 li a .txt .tit{font-size:1.375rem;margin:30px 0;font-weight:normal;display:block}

@media (min-width: 1521px){

}

@media (max-width: 1520px){
	#wrapper, .c-wrap{width:100%}
}
@media (max-width:728px){
	.bslide-wrap .con,.bslide-wrap .list,.slide-wrap .map,.slide-wrap .con{
		width:90%;
	}
	.slide-wrap,.bslide-wrap,.bslide-wrap .con div.img,.bslide-wrap .con div.img img{
		width:100%;
	}
	.bslide-wrap{
		overflow: auto;
		height:auto;
	}
	#main .swiper-slide{
		height:auto;
	}
	.bslide-wrap .list,.slide-wrap .map,.slide-wrap .con,.bslide-wrap .con{
		float:none;
		margin:0 auto;
		display: block;
	}

}


@media (max-width:728px){
.slide-txt .main_tit{font-size:34px;}
.slide-txt .sub_tit{font-size:30px;}
.slide-txt .sub_tit p{font-size:28px;}


	#main{font-size:.9rem}
	#main .swiper-pagination-bullet{margin:0 3px}
	.slide-txt{word-break:keep-all;padding:0 10px;font-size:.85rem}
	.slide-txt .tit{margin:4vh 0;font-size:1.2rem;letter-spacing:2px}
	.slide-bg-full .tit{font-size:1.4rem}
	.slide-bg-full .stit{margin:3vw 0;word-break:keep-all;padding:0 10px}
	.slide-bg-full .box-white ul li{width:45%;margin:0 5% 5% 0;word-break:keep-all;height:90px}
	.slide-bg-full .box-white{padding:0 3vw}
	.slide-bg-full .box-white ul li:nth-child(2n){margin-right:0}
	.slide-bg-full .box-white ul li span{height:90px}

	.tbl_txt {
	font-size:14px;
    height: 42px;
    line-height: 38px;
    margin: 30px auto 0;
}

	.slide-bg-full.bg-04 .tit{font-size:40px}
	/*.slide-wrap{width:320px;margin-top:3vw}*/
	.slide-wrap{width:94%;margin-top:3vw; background-color:#fff; margin-bottom:60px; }
	/*.slide-wrap .map{float:none;margin-right:0;width:100%;height:210px;background:url('../img/main/map.jpg') center no-repeat;background-size:cover}*/
	.slide-wrap .map{float:none;margin:15px auto;width:320px; height:240px;background:url('../img/main/map.jpg') center no-repeat;background-size:cover}
	.slide-wrap .map span{font-size:.75rem;padding-top:8px}
	.slide-wrap .map span big{font-size:.8rem}
	.slide-wrap .map span:nth-child(1){width:75px;height:75px;top:0;left:100px}
	.slide-wrap .map span:nth-child(2){width:70px;height:70px;top:0}
	.slide-wrap .map span:nth-child(3){width:60px;height:60px;top:25px}
	.slide-wrap .map span:nth-child(4){width:50px;height:50px;bottom:5px;right:5px;padding-top:5px}
	.slide-wrap .map span:nth-child(5){width:50px;height:50px;top:65px;left:150px;padding-top:5px}
	.slide-wrap .map span:nth-child(6){width:60px;height:60px;top:75px;left:92px;padding-top:2px}
	.slide-wrap .map span:nth-child(7){width:55px;height:55px;top:89px;left:39px;padding-top:5px}
	.slide-wrap .map span:nth-child(8){width:65px;height:65px;padding-top:5px;bottom:120px;left:5px}
	.slide-wrap .map span:nth-child(9){width:60px;height:60px;bottom:0;left:5px;padding-top:3px}
	.slide-wrap .con{float:none;width:100%;height:auto}
	.slide-wrap .img{height:auto;overflow:hidden}
	.slide-wrap .txt{padding:5px;font-size:.9rem}
	.slide-wrap .txt strong{font-size:1rem}
	.slide-wrap .btn{width:40px;height:37px;padding:10px 0}
	.slide-wrap .btn.prev{right:41px}

	.slide-bg-full.bg-05 .tit{font-size:40px}
	.bslide-wrap .txt{padding:10px}
	.bslide-wrap .txt strong{font-size:1rem}
	.bslide-wrap{width:100%;height:auto;margin-top:3vw;padding:0 10px}
	.bslide-wrap .con{float:none;width:100%;height:auto}
	.bslide-wrap .list{float:none;width:100%;height:auto}
	.bslide-wrap .list .tit{padding:10px;font-size:.9rem;margin-top:0}
	.bslide-wrap .list li a{padding:10px;font-size:.8rem}
	.bslide-wrap .list li a:before{width:5px;height:5px;margin-right:5px}

	.slide-bg-full.bg-06{padding:0 10px}
	.bg-06 li{width:48%;margin-right:4%;margin-bottom:4%}
	.bg-06 li:nth-child(2n){margin-right:0}
	.bg-06 li a{height:180px;padding:0;word-break:keep-all}
	.bg-06 li a .icon{margin-top:30px}
	.bg-06 li a .txt .tit{margin:2vw;font-size:1rem}

	footer{height:auto}
	footer .ft-btn{width:50px;font-size:.8rem;top:-17px}
	footer .ft-con{padding:35px 5px}
	footer .ft-con .img{display:block;text-align:left}
	footer .ft-con .txt{display:block;margin-top:35px}
	footer .ft-con .txt address{font-size:13px}
	#wrapper.main .swiper-wrapper{
		height:100vh;
	}
	#main .swiper-container{
		height:100vh;
	}
	#main .swiper-slide{
		min-height:520px;
	}
	#main .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0px;
		transition: .3s;
	}
	.swiper-container.pf-s.swiper-container-initialized.swiper-container-horizontal{
		/*min-height:350px;*/
	}
	#main .swiper-slide.slide-bg-full.bg-04 .swiper-container.pf-s.swiper-container-initialized.swiper-container-horizontal .swiper-slide{
		min-height:300px;
		max-height:500px;
	}
	.bslide-wrap {
		min-height: 500px;
	}
	.swiper-container.pf-s.swiper-container-initialized.swiper-container-horizontal .btn.next {
		top: 260px;
		margin-right:5px;
	}
	.swiper-container.pf-s.swiper-container-initialized.swiper-container-horizontal .btn.prev {
		top: 260px;
		margin-right:5px;
	}

	#wrapper.main #main .swiper-slide.slide-bg-full.bg-04 .s-wrap{
		/*min-height:100vh;*/
	}
	#wrapper.main #main .swiper-slide.slide-bg-full.bg-04 .swiper-wrapper{
		max-height:306px;
	}
	#wrapper.main #main .swiper-slide.slide-bg-full.bg-04 .swiper-container{
		max-height:306px;
	}
	#wrapper.main #main .swiper-slide.slide-bg-full.bg-04 .swiper-slide {
		max-height:306px;
	}
	.swiper-slide.slide-bg-full.bg-05 .s-wrap {
		min-height: 100vh;
	}
	.swiper-slide.slide-bg-full.bg-06 .sw-wrap {
		min-height: 100vh;
	}
	.swiper-slide.slide-bg-full.bg-04 .slide-wrap .img img {
		height: 250px;
	}
	.swiper-slide.slide-bg-full.bg-06 {
		padding-top: 200px;
	}
	.swiper-slide.slide-bg-full.bg-04 .s-wrap,.swiper-slide.slide-bg-full.bg-05 .s-wrap,.swiper-slide.slide-bg-full.bg-06 .s-wrap{
		padding-top:90px;
	}
	.swiper-container.m-swiper.swiper-container-initialized.swiper-container-horizontal .s-wrap {
		position: absolute;
		/*top: 10%;*/
	}
}

/* iphone 320 */
@media (max-width:320px){
	.slide-bg-full.bg-04 .tit{margin-top:60px}
	.slide-bg-full.bg-05 .tit{margin-top:60px}
	.bslide-wrap .list .tit{margin-top:0}

	.slide-txt .tit{margin:1vh 0}
	.slide-wrap .img{height:130px}
}
