@charset "utf-8";

body{background:#2f333d;}

.container{background:url(../../images/intro_bg_2.jpg) center;background-size:cover;padding:100px 0;position:relative;}
.container::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.7) url(../../images/pattern_1.png);}
.inner{width:1200px;margin: 0 auto;overflow:hidden;position:relative;}
@media only screen and (max-width:1200px){
	.container{padding:30px 0;}
	.inner{width:98%;}
}


.section_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
	.sns{display:flex;align-items:center;justify-content:flex-end;}
	.sns a{display:block;width:38px;height:38px;font-size:0;margin-left:10px;}
	.sns .face{background:url(../../images/btn_facebook_on.png) no-repeat left center;}
	.sns .kakao{background:url(../../images/btn_kakao_on.png) no-repeat left center;}
	.sns .ytube{background:url(../../images/btn_youtube_on.png) no-repeat left center;}
	.sns .blog{background:url(../../images/btn_naverblog_on.png) no-repeat left center;}
	.sns .insta{background:url(../../images/btn_insta_on.png) no-repeat left center;}
@media only screen and (max-width:768px){
	.section_1{flex-wrap:wrap;}
	.logo{text-align:center;width:100%;}
	.logo img{max-width:160px;}
	.sns{justify-content:center;width:100%;margin-top:30px;}
	.sns a{width:30px;height:30px;margin:0 5px;background-size:100% !important;}
}


.section_2{display:flex;justify-content:space-between;margin-bottom:30px;}
	.visual{width:65%;height:380px;}
	.link{width:33%;display:flex;flex-direction:column;justify-content:space-between;}
	.link a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:120px;color:#FFF;padding:30px;box-sizing:border-box;background:url(../../images/btn_icon_4_w.png) no-repeat 90% center;}
	.link a strong{font-size:22px;}
	.link a span{font-size:18px;}
	.link a.a_1{background-color:#1a7bd0;}
	.link a.a_2{background-color:#1dc8bd;margin:10px 0;}
	.link a.a_3{background-color:#969696;}
@media only screen and (max-width:768px){
	.section_2{flex-wrap:wrap;}
	.visual{width:100%;margin-bottom:20px;}
	.link{width:100%;flex-direction:row;}
	.link a.a_2{margin:0;}
	.link a{width:32.5%;height:100px;padding:20px;}
	.link a strong{font-size:17px;}
	.link a span{font-size:15px;}
}
@media only screen and (max-width:520px){
	.link{flex-direction:column;}
	.link a{width:100%;height:auto;padding:15px 20px;margin:5px 0;}
}


.container_2{background:#f8f8f8;padding:70px 0;}
.section_3{position:relative;}
.section_3 h2{text-align:center;font-size:35px;font-weight:700;}
.section_3 h2 strong{color:#1a7bd0;}
.section_3 h2::before{content:"";display:block;width:25px;height:4px;background:#000;margin:0 auto 5px auto;}

.wrap_depart{width:100%;height:345px;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;margin-top:20px;}
.depart_btn{}
.depart_btn a{display:inline-block;padding:10px 20px;font-size:14px;background:#FFF;border:1px solid #EEE;border-left:0;}
.depart_btn:first-child a{border-left:1px solid #EEE;}
.depart_btn a.active{font-weight:700;color:#FFF;background:#1a7bd0;border-color:#1a7bd0;box-shadow:0 0 10px #888;}
.depart_slider{display:none;position:absolute;top:165px;left:0;width:100%;}
.depart_slider_1{display:block;}
.depart_slider > ul{padding:0 20px;}
.depart_slider .con{text-align:center;padding:0 10px;position:relative;}
.depart_slider a{display:flex;align-items:center;justify-content:center;position:relative;}
.depart_slider a::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.3);border-radius:5px;}
.depart_slider img{display:inline-block;width:100%;border-radius:5px;}
.depart_slider span{position:absolute;color:#FFF;font-size:18px;font-weight:700;border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:5px 0;}
.depart_slider .slick-arrow{display:block;font-size:0;opacity:0.7;box-shadow:0 0 10px #ddd;border:0;border-radius:100%;width:40px;height:40px;position:absolute;top:calc(50% - 20px);z-index:1;cursor:pointer;background:#FFF url(../../images/arrow_4_b.png) no-repeat center;}
.depart_slider .slick-prev{left:10px;transform:rotate(180deg);}
.depart_slider .slick-next{right:10px;}


.wrap_popup{margin-top:30px;}
.popup_slider > ul{padding:0 30px;}
.popup_slider .slick-arrow{display:block;font-size:0;opacity:0.5;box-shadow:0 0 10px #888;border:0;border-radius:100%;width:40px;height:40px;position:absolute;top:calc(50% - 20px);z-index:1;cursor:pointer;background:#222 url(../../images/arrow_4_w.png) no-repeat center;}
.popup_slider .slick-prev{left:10px;transform:rotate(180deg);}
.popup_slider .slick-next{right:10px;}


footer{color:#b0b0b0;padding:50px 0;}
address{background:url(../../images/logo_g.png) no-repeat left center;padding-left:200px;}
address span{font-style:normal;font-size:16px;}
address span i{font-style:normal;}
.copyright{padding:10px 0 0 200px;}

@media only screen and (max-width:1200px){
	address span{display:block;margin:5px 0;}
}
@media only screen and (max-width:520px){
	footer{position:relative;bottom:auto;text-align:left;}
	address{background:none;padding-left:0;}
	address span{padding-left:0;}
}


/*HOVER*/
@media only screen and (min-width:1025px){
	.sns .face:hover{background:url(../../images/btn_facebook.png) no-repeat left center;}
	.sns .kakao:hover{background:url(../../images/btn_kakao.png) no-repeat left center;}
	.sns .ytube:hover{background:url(../../images/btn_youtube.png) no-repeat left center;}
	.sns .blog:hover{background:url(../../images/btn_naverblog.png) no-repeat left center;}
	.sns .insta:hover{background:url(../../images/btn_insta.png) no-repeat left center;}
	.sns a:hover{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}

	.link a:hover{transform:scale(1.05);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}


	.depart_slider a:hover::before{background:rgba(0,0,0,0.7);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.depart_btn a:hover{font-weight:700;color:#FFF;background:#888;border-color:#888;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.depart_slider .slick-arrow:hover{opacity:1;box-shadow:0 0 10px #888;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
}