@charset "utf-8";

#main{position:relative; width:100%; min-width: 1260px; min-height: 900px; }

/* header */
#main .header {position: fixed; width: 100%;min-width: 1260px; height: 80px; box-sizing: border-box; z-index: 13; }


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section,
    #slide1,
    #slide2,#slide3,#slide4,#slide5{
		background-size: cover;
		background-attachment:fixed;
		position: relative;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	.section{
		background: #fff;
		padding: 0 0 0;
	}


	/*Adding background for the slides
	* --------------------------------------- */
	#slide1{
		background-image: url(../images/main/main01_bg.jpg);
		padding: 6% 0 0 0;
	}
	#slide2{
		background-image: url(../images/main/main02_bg.jpg);
		padding: 6% 0 0 0;
	}
	#slide3{
		background-image: url(../images/main/main03_bg.jpg);
		padding: 6% 0 0 0;
	}
	#slide4{
		background-image: url(../images/main/main04_bg.jpg);
		padding: 6% 0 0 0;
	}



/* contents */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {background-position: center; background-size: cover;position: relative;}
.visual_box .inner{width: 960px;height: 100%;margin: 0 auto;overflow: hidden;position: relative;display: table;}
.visual_box .inner > div{ display:table-cell; vertical-align:middle;}

.visual_box .swiper-slide .txt{ float:left;}
.visual_box .swiper-slide p{font-size: 20px; color: #000; font-weight: 300; margin-bottom: 15px;}
.visual_box .swiper-slide .tit{font-family: 'futura-pt';font-size: 70px;font-weight: 400;line-height: 1em;color:#74bde9;text-align: center;margin-bottom: 0;}
.visual_box .swiper-slide .s_txt{color: #77beec;font-size: 20px;font-weight: 300;margin-bottom: 15px;line-height: 1em; display: block; text-align: center}
.visual_box .swiper-slide .txt button{margin-top:45px;font-size: 15px;font-weight: 400;padding:7px 35px;display: block;margin: 45px auto 0; }
.visual_box .swiper-slide button.btn-white{color: #fff;}
.visual_box .swiper-slide button.btn-line{color:#76beea; border:1px solid #76beea; }
.visual_box .swiper-slide button.btn3{color:#797979; border:1px solid #797979; }
.visual_box .btn_more2{margin-top:30px; width:109px; height: 30px; background:url('../images/main/btn_more2.png') no-repeat; display: block; font-size: 0; }

/* !!!!!!!!!!! 개편 이후 오픈
.visual_box .swiper-slide.slide1{ background-image:url(../images/main/main01_bg.jpg);}
.visual_box .swiper-slide.slide2{ background-color:#d5e9f4;}
.visual_box .swiper-slide.slide3{ background-image:url(../images/main/main06_bg.jpg);}*/

.visual_box .swiper-slide .txt01_m{display: none !important;}
.visual_box .swiper-slide.slide2 .pic{ float:left;}
.visual_box .swiper-slide.slide2 .txt{float:right;padding-top:100px;margin: 0 auto;}
.visual_box .swiper-slide.slide2 .s_txt{text-align: center;}

/* !!!!!!!!!!!!!! 개편 이후 삭제 !!!!!!!!!!!!!! */
.visual_box .swiper-slide .txt01{position: absolute; z-index: 2;width:700px; display: block; top: 40%; left:50%;margin-left:-600px; transform: translateY(-50%); text-align: center;}
.visual_box .swiper-slide .txt02{position: absolute; z-index: 2;width:600px; display: block; top: 45%; left:50%;margin-left:-600px; transform: translateY(-50%); text-align: center;}
.visual_box .swiper-slide .txt03{position: absolute; z-index: 2;width:600px; display: block; top: 45%; left:50%;transform: translateY(-50%); text-align: center;}
.visual_box .swiper-slide p{font-size: 20px; color: #000; font-weight: 300; margin-bottom: 15px;}
.visual_box .swiper-slide p.slide_p2{color: #76beea;font-size: 20px;font-weight: 300; margin-bottom: 40px;}
.visual_box .swiper-slide p.slide_p3{color: #fff;font-size: 20px;font-weight: 300; margin-bottom: 40px;}
.visual_box .swiper-slide p.slide_p4{color: #76beea;font-size: 20px;font-weight: 300; margin-bottom: 40px;}
.visual_box .swiper-slide button{margin-top:45px; font-size: 15px; font-weight: 400; padding:7px 35px; }
/* !!!!!!!!!!!!!! 개편 이후 삭제 !!!!!!!!!!!!!! */




.main01{position: absolute; bottom:20px; left:50%; margin-left:-600px; z-index: 10; height: 255px; width:1200px;}
.main01 ul{margin:0 auto;}
.main01 li{float: left; text-align: center;height: 155px; position: relative; padding:50px 0;}
.main01 a{width:100%; height: 100%; display: block;}
.main01 .main01_1{background:url('../images/main/main01_1.jpg') no-repeat center; background-size: cover; width:600px;}
.main01 .main01_2{background:url('../images/main/main01_2.jpg') no-repeat center; background-size: cover; width:300px;}
.main01 .main01_3{background:url('../images/main/main01_3.jpg') no-repeat center; background-size: cover; width:300px;}
.main01 span{position: absolute; left:20px; top:30px; color: #fff;}
.main01 h2:before{width:2px; height: 32px; background: #fff; display: block; margin:0 auto 15px; content: '';}
.main01 h2{font-size: 32px; color: #fff; font-weight: 800;}
.main01 .btn_more2{margin:40px auto 0;}


.main02{position: absolute; bottom:0px; left:50%; margin-left:-600px; z-index: 10; height: 130px; width:1200px;}
.main02 ul{text-align: center;}	
.main02 li{display: inline-block; width:150px; height: 130px; padding: 10px; background: #fff; text-align: center; border:1px solid #f1f1f1;box-sizing: border-box;vertical-align: top; margin:0 2px;}	
.main02 li a{width:100%; height: 100%; display: block; border:1px solid #fff; box-sizing: border-box;}
.main02 li h2{font-size: 21px; color: #333;font-weight: 400; margin:30px auto 5px;}	
.main02 li .btn_info{font-size: 13px; width: 100%; height: 13px; color: #a0a0a0; display: block;}	
.main02 li:hover{background: #65b8d6; border-color: #65b8d6; animation: fadeIn 0.2s ease-in both;}
.main02 li a:hover{border:1px solid #cae6f1;}
.main02 li:hover h2{color: #fff;}
.main02 li:hover .btn_info{background:url('../images/main/main02_go.png')no-repeat center; width:100%; height: 13px;display: block;font-size: 0;}


.customer{position: relative; z-index: 2; margin:auto; width:100%; display: block; /* transform: translateY(-50%); */}
.title02{margin-bottom: 60px; text-align: center;}	
/*.title02 h1:before{width:2px; height: 45px; display: block; content: ''; background: #797979; position: relative; margin:0 auto 15px;}*/
.title02 h1{font-size: 40px; color: #333; font-family: 'futura-pt'}
.title02 h3{font-size: 20px; color: #666; font-weight: normal;}
.txt02_1{width:50%; height: 260px; float: left; background:url('../images/main/main02_1.jpg') center; background-size: cover;}	


.txt02_2{width:50%; float: left;}	
.txt02_2 .txt2_2_area{padding-left:100px; display: table;}	
.txt02_2 ul{width:105px; float:left; border-right:1px solid #b5b5b5;}	
.txt02_2 li{padding:6px 0;}	
.txt02_2 a{font-size: 16px; color: #666; font-weight: bold;}	
.txt02_2 a.on{color: #ab8975;}	
.txt02_2 .txt2_2_info{margin-left:50px; float: left;}	
.txt02_2 .txt2_2_info h2{font-size: 32px; font-weight: 400; color: #ab8975; margin-bottom: 10px;}	
.txt02_2 .txt2_2_info p{font-size: 16px;}	
.txt02_2 .txt2_2_info strong{font-weight: bold;}	
.txt02_2 .txt2_2_info .time{line-height: 28px;}	
.txt02_2 .txt2_2_info .txt2_2_tel{font-size: 40px; color:#ab8975; margin-top:20px;}
.txt02_2 .txt2_2_sns{display: inline-block; clear: both; width:100%; min-height: 35px; margin:80px 0; position: relative; }	
.txt02_2 .txt2_2_sns a{font-size: 16px; font-weight: 400; color: #666; width:auto; line-height: 35px; display: inline-block; padding-left:35px; position: relative;}
.txt02_2 .txt2_2_sns a:after{position: relative; display: inline-block; width:1px; height: 28px; background: #b5b5b5; top:7px; margin:0 16px 0; content: '';}
.txt02_2 .txt2_2_sns a:last-child:after{background: #fff}
.txt02_2 .btn_more2{margin-top:30px; width:109px; height: 30px; background:url('../images/common/icons.png') no-repeat; background-position: -30px -613px; display: block; font-size: 0;}
.txt02_2 .txt2_2_sns span{background:url('../images/common/icons.png') no-repeat; width:28px; height: 35px;content: '';position: absolute; left:0; top:3px; }	
.txt02_2 .txt2_2_sns .txt2_2_sns01 span{background-position: -30px -560px;}	
.txt02_2 .txt2_2_sns .txt2_2_sns02 span{background-position: -110px -560px;}	
.txt02_2 .txt2_2_sns .txt2_2_sns03 span{background-position: -190px -560px;}	
	
.swiper-container{position: relative;}	
.swiper-wrapper{background: #fff;}	
.gallery-top{display: block; width:100%; height: 300px; background: #fff;}	
.gallery-top .info_1{width:50%; float: left; height: 300px; background-size:100% auto; background-position:50% 50%}	
.gallery-top .info_2{width:350px; float: left; margin-left:210px; border-left: 1px solid #b5b5b5; padding-left:50px;}	
.gallery-top .info_2 h2{font-size: 32px; font-weight: 400; color: #ab8975; margin-bottom: 10px}
.gallery-top .info_2 p{font-size: 16px; color: #666; }
.gallery-top .info_2 strong{font-weight: bold;}
.gallery-top .info_2 p.time{line-height: 28px;}
.gallery-top .info_2 p.txt2_2_tel{font-size: 40px; font-weight: 400; color:#ab8975; margin-top:20px;}
.gallery-top .swiper-slide{background: #fff;}

.customer .swiper-pagination2 {position: absolute; left: 50%; top:10px; margin-left:100px; width:100px !important;height:300px !important;z-index: 10;}
.customer .swiper-pagination-bullet {border-radius: 0;width: 100%;height: 30px;line-height: 30px;	font-size: 16px;	color:#666;	opacity: 1;	background: transparent;}
.customer .swiper-pagination-bullet-active {color:#ab8975;}

.txt3{position: relative;width:100%;height: 400px;padding-top:200px;text-align: center;display: block;background: #94bdd1 url(../images/main/main06_1.jpg);background-size: cover;background-attachment: fixed;}
.txt3 h1{font-size: 65px; color: #fff; font-family: 'futura-pt'; margin-top: -40px; }
.txt3 h3{font-size: 16px; color: #fff; font-weight: normal; margin-top:30px;}
.txt3 button{font-size: 18px; font-family: 'futura-pt';font-weight: 400; margin:30px auto 20px;}
.txt3 .txt3_sns{display: block; clear: both; width:auto; min-height: 35px; margin:0 auto; text-align: center; position: relative;}
.txt3 .txt3_sns a{font-size: 0;display: inline-block;background:url('../images/common/icons.png') no-repeat; width:44px; height: 44px;content: ''; margin:0 8px;}
.txt3 .txt3_sns .txt3_sns01{background-position: -30px -663px;}
.txt3 .txt3_sns .txt3_sns02{background-position: -110px -663px;}
.txt3 .txt3_sns .txt3_sns03{background-position: -190px -663px;}


.txt_bn01{position: absolute; left:50%; top:-190px; margin-left:232px; width:367px; height: 550px; background:url('../images/main/main03_2.jpg'); }
.txt_bn02{position: absolute; left:50%; bottom:-170px; margin-left:-600px; width:400px; height: 225px; /*background:url('../images/main/main03_3.jpg');*/ }
.txt_bn01 a,#section2 .txt_bn02 a{width:100%; height: 100%; display: block; color: #666; text-align: center;}
.txt_bn01 a:hover,#section2 .txt_bn02:hover{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);}

.txt_bn01 a:after,#section2 .txt_bn02:after{-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;}
.txt_bn01:hover:after,#section2 .txt_bn02:hover:after {opacity: 1}

.txt3 h4{font-size: 25px; font-family: 'futura-pt'; font-weight: 600;}
.txt3 p{font-size: 24px; font-weight: 300}
.txt3 .txt3_txt_b{position: absolute; bottom: 40px; width:100%; text-align: center;}



.main04{margin:50px auto 100px; display: table;}
.main04_tit{width:300px; float: left;}
.main04_tit h1{font-size: 53px; font-family: 'futura-pt'; font-weight: 600; line-height: 57px; color: #333;}
.main04_tit h3{font-size: 16px; color: #888; font-weight: 400; margin-top:10px;}
.main04 ul{width:900px; float: left;}
.main04 li{width:280px; margin-left:20px; float: left;}
.main04 a{width:100%; height: 100%; display: block;}
.main04 img{width:280px;}
.main04 p{font-size: 16px; color: #333; margin-top:25px;}


.main05{display: table; min-height: 330px;}
.main05 .main05_bn {background: #e5eff5 url('../images/main/main05_1.jpg') no-repeat right; height: 280px; width:50%; padding-right:300px;z-index: 2; position: absolute; }
.main05 .main05_bn a{width: 100%; height: 100%; display: block;padding-right: 300px;}
.main05 .main04_tit{float: right; text-align: right;}


/* MAIN NEW EVENT */
.new_event {}
.common_event{margin-top: 80px;}
.branch_event .main04_tit{width:300px; float: right; text-align: right}

.new_event ul.list  { float: left; width:900px;}
.common_event ul.list {margin-bottom: 120px;}
.new_event ul.list li {display: inline-block; width:31%; margin-left:3%; text-align: left; vertical-align: top;}
.new_event ul.list li:nth-child(3n+1) {margin-left:0;}
.new_event ul.list li .list_box a {display: block;}
.new_event ul.list li .list_box .thumb {margin-bottom:20px; box-sizing: border-box;}
.new_event ul.list li .list_box .thumb img {width:100%;}
.new_event ul.list li .list_box .type {font-size: 14px; color: #65b7d7; margin: 0 20px 10px 0px;}
.new_event ul.list li .list_box .title,
.new_event ul.list li .list_box .desc {padding:0 20px 0 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%}
.new_event ul.list li .list_box .title {font-size:18px; margin-bottom:5px;line-height:28px;}
.new_event ul.list li .list_box .desc {font-size:14px; color:#888; font-weight:300}


.new_event .swiper-container.list  { float: left; width:900px; box-sizing: border-box; margin-bottom: 0;}
.common_event .swiper-container.list {margin-bottom: 50px;}
.new_event .swiper-container.list .swiper-slide { text-align: left; vertical-align: top;}
.new_event .swiper-container.list .swiper-slide:nth-child(3n+1) {}
.new_event .swiper-container.list .swiper-slide .list_box a {display: block;}
.new_event .swiper-container.list .swiper-slide .list_box .thumb {margin-bottom:20px; box-sizing: border-box;}
.new_event .swiper-container.list .swiper-slide .list_box .thumb img {width:100%;}
.new_event .swiper-container.list .swiper-slide .list_box .type {font-size: 14px; color: #65b7d7; margin: 0 20px 10px 0px;}
.new_event .swiper-container.list .swiper-slide .list_box .title,
.new_event .swiper-container.list .swiper-slide .list_box .desc {padding:0 20px 0 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%}
.new_event .swiper-container.list .swiper-slide .list_box .title {font-size:18px; margin-bottom:5px;line-height:28px;}
.new_event .swiper-container.list .swiper-slide .list_box .desc {font-size:14px; color:#888; font-weight:300}

.slide_progress {position:relative;}
.slide_progress .count { display: none;}
.slide_progress .arrows {font-size:0;vertical-align: top;position: absolute;top:220px;}
.common_event .slide_progress .arrows{left: 0;}
.branch_event .slide_progress .arrows{ right: 0;}
.slide_progress .arrows a {position: relative;width: 50px;height: 50px;margin-right: 10px;margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);z-index: 10;cursor: pointer;display: inline-block;align-items: center;content: ' ';justify-content: center;color: var(--swiper-navigation-color, var(--swiper-theme-color));font-size: 0;vertical-align: top;text-indent: -9999px;background-size: 100%;}
.slide_progress .arrows a:last-child {margin-right:0;}
.slide_progress .arrows a:hover { background-position: 50% 100%;}
.slide_progress .arrows a img {vertical-align: top; max-width: 100%;}
.slide_progress .arrows a.btn_prev,
.slide_progress .swiper-button-prev, 
.slide_progress .swiper-button-prev {right: inherit;left: inherit;background-image: url("../images/common/btn_arrow_prev_black.png");}
.slide_progress .arrows a.btn_next,
.slide_progress .swiper-button-next, 
.slide_progress .swiper-button-next  {left: inherit;right: inherit;background-image: url("../images/common/btn_arrow_next_black.png");}
.slide_progress .swiper-button-prev:after, .slide_progress .swiper-button-next:after{display: none;}

/*<!--@media screen and (min-width:512px) and (max-width:1024px){
.slide_progress {margin:27px 0 0 5px;}
.slide_progress > div {display: inline-block;}
.slide_progress .count .count_copy {font-size:15px; color:rgba(34,34,34,.5);}
.slide_progress .count .count_copy span {color:rgba(34,34,34,1);}
.slide_progress .count .line {position:relative; width:190px; height:1px; background-color:#e5e5e5; margin-top:11px;}
.slide_progress .count .line .line_bar {position:absolute; bottom:0; height:2px; width:0; background-color:#bea36b}
.slide_progress .arrows { margin:17px 0 0 15px;position: relative; left: inherit;right: inherit; top:inherit}
.slide_progress .arrows a, .slide_progress .swiper-button-next, .slide_progress .swiper-button-prev {width: 30px;height: 30px;}
}-->*/


/* 이미지 오버 효과 : 백그라운드로 사용된 경우 한번더 div.gu_img_box로 감싸주세요. */
.gu_link_hover{}
.gu_link_hover a{display: block;position: relative}
.gu_link_hover .gu_img_area{position: relative;overflow: hidden;border: 1px solid #e5e5e5;padding: 0 !important;z-index: 1 !important;}
.gu_link_hover .gu_img_area:after{content:''; position: absolute; z-index: 2;background:rgba(31,31,31,0.2);top:0;left:0;width:100%;height:100%;opacity:0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gu_link_hover .gu_img_area .gu_img_box{width: 100%; position: relative;padding: 0 !important;z-index: 1 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .6s;
    -moz-transition: all.6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
}
.gu_link_hover .gu_img_area .gu_img_box img{width: 100%}
.gu_link_hover a:hover .gu_img_area:after{opacity: 1}
.gu_link_hover a:hover .gu_img_area .gu_img_box{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* 이벤트종료 event-end */
.gu_link_hover .gu_img_area.event-end:after { display: none;}
.gu_link_hover .gu_img_are.event-enda:after,
.gu_link_hover .gu_img_area.event-end .gu_img_box,
.gu_link_hover a:hover .gu_img_area.event-end .gu_img_box	{ 
	-webkit-transition:scale(1);
    -moz-transition:scale(1);
    -ms-transition:scale(1);
    -o-transition:scale(1);
    transition:scale(1);}
.event-end-cont { position: absolute; left: 0; top:0;width: 100%; height: 100%; background-color: rgba(0,0,0,.7); color: #fff; z-index: 10; text-align: center; padding: 20px; font-size: 12px;font-weight: 100; box-sizing: border-box;  letter-spacing: -1px}
.event-end-cont h4 { color: #ffa800; font-size: 27px; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,.7)}
.event-end-cont h4:before { display:block; content: "…"; line-height: 0.3}
.event-end-cont p.txt { font-size: 15px;font-weight: 300; margin-top: 10px}