@charset "utf-8";


/*ggl-btn*/
.ggl-icon-btn {
	display:flex;
	align-content:center;
	position:absolute;
	top:-2%;
	left:39%;
	color:#fff;
	font-size:20px;
	font-weight:900;
	border-radius:0 0 9px 9px;
	padding:0 14px;
	height:44px;
	line-height:40px;
	background-color:#ff6900;
	cursor:pointer;
	z-index:3;
}

	.ggl-icon-btn .txt_box {
		cursor: pointer;
	}

	.ggl-icon-btn::before {
		content: '';
		clear: both;
		position: absolute;
		display: block;
		top: -15%;
		left: 0;
		width: 307.59px;
		height: 8px;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #FF6900;
		border-radius: 9px 9px 0 0;
		cursor: pointer;
	}

	.ggl-icon-btn img {
		width: 24px !important;
		height: 24px;
		vertical-align: middle;
		margin-right: 6px;
		cursor: pointer;
	}

.elvis-qrcode {
	position:absolute;
	bottom:100px;
	left:72px;
	max-width:234px;
}

	



/*메인 타이틀 공통 css*/
.main_tit{width:100%; text-align:center; margin-bottom:60px;}
.main_tit h3{display:block; vertical-align:top; font-size:44px; font-weight:bold; letter-spacing:-0.025em; line-height:1; color:#222; margin:0; position:relative;}
.main_tit h3 img{width:51px;}
.main_tit h3 img:first-of-type{margin:-6px 20px 0 0;}
.main_tit h3 img:last-of-type{margin:6px 0 0 20px;}
.main_tit h3:before,.main_tit h3:after{content:""; display:block; width:34%; height:2px; position:absolute; top:57%;}
.main_con01 .main_tit h3:before,.main_con01 .main_tit h3:after{width:39%;}
.main_con01 .main_tit h3:before,.main_con01 .main_tit h3:after,
.main_con03 .main_tit h3:before,.main_con03 .main_tit h3:after{background-color:#e8e8e8;}
.main_con02 .main_tit h3:before,.main_con02 .main_tit h3:after{background-color:#ffa8a8;}
.main_tit h3:before{left:0;}
.main_tit h3:after{right:0;}

/*메인 리스트 공통 css*/

.common_list{width:100%;}
.common_list ul{width:100%; text-align:center; font-size:0;}
.common_list ul li{display:inline-block; vertical-align:top; width:23.5%; margin-right:2%;}
.common_list ul li:last-of-type{margin-right:0;}
.common_list ul li a{display: block;}
.common_list ul li img{width:100%;}

/*main_con*/
.main_con{width:100%; max-width:2000px; margin:0 auto; background:url("../img/main_bg.jpg") center top no-repeat; background-size:cover; padding:210px 0 17px 0;}
.main_con .img_box{width:100%; max-width:1368px; text-align:center; position:relative; margin:0 auto;}
.main_con .img_box img{width:100%;}
.main_con .img_box .icon_box{position:absolute; cursor:pointer; width:10.6725146199%;z-index: 2;}
.main_con .img_box .icon_box:nth-of-type(1){top:-7.8%; left:7%;}
.main_con .img_box .icon_box:nth-of-type(2){top:20%; left:30.7%;}
.main_con .img_box .icon_box:nth-of-type(3){top:21%; right:27%;}
.main_con .img_box .icon_box:nth-of-type(4){top:-4%; right:6%;}
.main_con .img_box .icon_box:nth-of-type(5){bottom:8.6%; right:28%;}
.main_con .img_box .icon_box img{max-width:100%;}
.main_con .img_box .icon_box .txt_box{width:213px; padding:10px 0; border-radius:10px; position:absolute; overflow:hidden;}
.main_con .img_box .icon_box .txt_box:before{content:""; display:block; width:100%; height:6px; background-color:rgba(224, 212, 190, 0.2); position:absolute; top:0; left:0;}
.main_con .img_box .icon_box:nth-of-type(1) .txt_box{background-color:#7fc94e; top:72px; right:-181px;}
.main_con .img_box .icon_box:nth-of-type(2) .txt_box{background-color:#ac92f0; top:-28px; left:-38px;}
.main_con .img_box .icon_box:nth-of-type(3) .txt_box{background-color:#588dff; top:-41px; left:-60px;}
.main_con .img_box .icon_box:nth-of-type(4) .txt_box{background-color:#fbc035; top:50px; left:-180px;}
.main_con .img_box .icon_box:nth-of-type(5) .txt_box{background-color:#f37e7c; top:24px; right:-186px;}
.main_con .img_box .icon_box .txt_box p{font-size:20px; font-weight:bold; letter-spacing:-0.010em; color:#fff;}


/*main_con01*/
.main_con01{padding:60px 0 110px;}
.main_con01 .common_list ul li .txt_box{margin-top:15px;}
.main_con01 .common_list ul li .txt_box span{display:block; width:100%; padding:9px 0; font-size:22px; font-weight:300; color:#fff; text-align:center; line-height:1; border-radius:10px;}
.main_con01 .common_list ul li:nth-of-type(1) .txt_box span{background-color:#f74584;}
.main_con01 .common_list ul li:nth-of-type(2) .txt_box span{background-color:#1b7be6;}
.main_con01 .common_list ul li:nth-of-type(3) .txt_box span{background-color:#e27913;}
.main_con01 .common_list ul li:nth-of-type(4) .txt_box span{background-color:#735aea;}

/*main_con02*/
.main_con02{padding:60px 0 70px; background-color:#ff9292; background-image:url("../img/main_con02_bg.jpg"); background-position:bottom; background-repeat:repeat-x;}
.main_con02 .main_tit h3{color:#fff; position:relative; text-shadow:0 4px 0 #e08080;}
.main_con02 .common_list ul li .txt_box{padding:20px 0;}
.main_con02 .common_list ul li .txt_box p{font-size:22px; font-weight:bold; color:#fff;}


/*main_con03*/
.main_con03{padding-top:73px;}
.main_con03 .common_list ul li .img_box{border-radius:10px;overflow:hidden;border: 1px solid #F0F0F0;}
.main_con03 .common_list ul li .img_box img{width: 100%;}
.main_con03 .common_list ul li .txt_box{width:100%; margin-top: 15px; padding:9px 0;border-radius:10px;}
.main_con03 .common_list ul li:nth-of-type(1) .txt_box{background-color:#8fc118;}
.main_con03 .common_list ul li:nth-of-type(2) .txt_box{background-color:#37aaea;}
.main_con03 .common_list ul li:nth-of-type(3) .txt_box{background-color:#f0c24b;}
.main_con03 .common_list ul li:nth-of-type(4) .txt_box{background-color:#735aea;}
.main_con03 .common_list ul li .txt_box p{height: 44px;padding: 10px 0;font-size:22px; font-weight:300; line-height: 1;letter-spacing:-0.010em; color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_con03 .common_list ul li.line2 .txt_box p{padding: 0;}

.main_con03  .bt_img{width:100%; text-align:center; margin-top:60px;}
.main_con03  .bt_img img{width:419px;}


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

	/*메인 타이틀 공통 css*/
	.main_tit h3:before,.main_tit h3:after{width:30%;}
	.main_con01 .main_tit h3:before,.main_con01 .main_tit h3:after{width:35%;}

}

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

	/*메인 타이틀 공통 css*/
	.main_tit h3:before,.main_tit h3:after{width:27%;}
	.main_con01 .main_tit h3:before,.main_con01 .main_tit h3:after{width:40%;}

	/*메인 리스트 공통 css*/
	.common_list ul li{width:49%; margin-right:0;}
	.common_list ul li:nth-of-type(odd){margin-right:2%;}
	.common_list ul li:nth-of-type(n+3){margin-top:2%;}

	/*main_con01*/
	.main_con01{padding:9.375vw 0 9.84375vw;}
	.main_con01 .common_list ul li .txt_box span{font-size:18px;}

	.main_con03 .common_list ul li.line2 .txt_box p{padding: 10px 0;}

}


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

	/*메인 타이틀 공통 css*/
	.main_tit h3:before,.main_tit h3:after{width:19%;}
	.main_con01 .main_tit h3:before,.main_con01 .main_tit h3:after{width:28%;}

	.main_con03 .common_list ul li.line2 .txt_box p{padding: 0 0;}

}

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

	/*메인 타이틀 공통 css*/
	.main_tit{margin-bottom:9.375vw;}
	.main_tit h3{font-size:6.875vw;}
	.main_tit h3 img{width:7.96875vw;}
	.main_tit h3 img:first-of-type{margin:-0.9375vw 3.125vw 0 0;}
	.main_tit h3 img:last-of-type{margin:0.9375vw 0 0 3.125vw;}

	/*main_con01*/
	.main_con01{padding:9.375vw 0 17.1875vw;}
	.main_con01 .common_list ul li .txt_box{margin-top:2.34375vw;}
	.main_con01 .common_list ul li .txt_box span{padding:1.40625vw 0; font-size:2.8125vw; border-radius:2.34375vw;}
	.main_con01 .common_list ul li .txt_box p{font-size:2.8125vw; margin:0.46875vw 0 0 2.03125vw;}

	/*main_con02*/
	.main_con02{padding:9.375vw 0 10.9375vw;}
	.main_con02 .main_tit h3{text-shadow:0 0.625vw 0 #e08080;}
	.main_con02 .common_list ul li .txt_box{padding:3.125vw 0;}
	.main_con02 .common_list ul li .txt_box p{font-size:3.4375vw;}


	/*main_con03*/
	.main_con03{padding-top:11.40625vw;}
	.main_con03 .common_list ul li .txt_box{padding:2.34375vw 0; border-radius:2.03125vw;margin-top: 2.34375vw;}
	.main_con03 .common_list ul li .txt_box p{height: 6.875vw;padding: 1.5625vw 0;font-size:3.75vw;}

	.main_con03  .bt_img{margin-top:10.9375vw;}
	.main_con03  .bt_img img{width:65.46875vw;}
}

/*20190531 추가 css*/

/*메인 비주얼*/
.main_con .m_slider{display:none;}
.main_con .m_slider ul li.type{width:600px; margin:0 auto;}
.main_con .m_slider ul li.type img{width:600px; margin:0 auto;}
.main_con .m_slider ul li a{display:block; width:275px; padding:13px 0; margin:0 auto; border-radius:10px; overflow:hidden; font-size:24px; font-weight:bold; letter-spacing:-0.010em; color:#fff; text-align:center; position: relative;}
.main_con .m_slider ul li a:before{content:""; display:block; width:100%; height:6px; background-color:rgba(224, 212, 190, 0.2); position:absolute; top:0; left:0;}
.main_con .m_slider ul li.type01 a{background-color:#7fc94e;}
.main_con .m_slider ul li.type02 a{background-color:#ac92f0;}
.main_con .m_slider ul li.type03 a{background-color:#588dff;}
.main_con .m_slider ul li.type04 a{background-color:#fbc035;}
.main_con .m_slider ul li.type05 a{background-color:#f37e7c;}
.main_con .m_slider .slick-dots{bottom:-50px;}
.main_con .m_slider .slick-dots li{width:11px; height:11px; margin:0 4px;}
.main_con .m_slider .slick-dots li.slick-active button#slick-slide-control00{background-color:#7fc94e;}
.main_con .m_slider .slick-dots li.slick-active button#slick-slide-control01{background-color:#ac92f0;}
.main_con .m_slider .slick-dots li.slick-active button#slick-slide-control02{background-color:#588dff;}
.main_con .m_slider .slick-dots li.slick-active button#slick-slide-control03{background-color:#fbc035;}
.main_con .m_slider .slick-dots li.slick-active button#slick-slide-control04{background-color:#f37e7c;}
.main_con .m_slider .slick-dots li button{width:11px; height:11px; background-color:#d6d8d8; border-radius:50%; padding:0;}
.main_con .m_slider .slick-dots li button:before{display:none;}
.main_con .m_slider .slick-dots li button:hover:before, .main_com .m_slider .slick-dots li button:focus:before{display:none;}
.main_con .m_slider .slick-dots li.slick-active button:before{display:none;}

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

	/*메인 비주얼*/
	.main_con .img_box{display:none;}
	.main_con .m_slider{display:block;}
	.main_con{padding:106px 0 0 0;}
}

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

	/*20190531 추가 css*/

	/*메인 비주얼*/
	.main_con .m_slider ul li.type{width:100%}
	.main_con .m_slider ul li.type img{width:100%;}
	.main_con .m_slider ul li a{width:42.96875vw; padding:2.03125vw 0; border-radius:1.5625vw; font-size:3.75vw;}
	.main_con .m_slider ul li a:before{height:0.9375vw;}
	.main_con .m_slider .slick-dots{bottom:-7.8125vw;}
	.main_con .m_slider .slick-dots li{width:1.71875vw; height:1.71875vw; margin:0 0.625vw;}
	.main_con .m_slider .slick-dots li button{width:1.71875vw; height:1.71875vw;}
}



/* 20190704 gif 추가 */
.main_con .gif_box{position:absolute;top: 0;left: 0;width: 100%;height: 742px;z-index: 1;}
.main_con .gif_box img{position:absolute;}
/*
.main_con .gif_box .main_gif01{width: 78px;top: 42px;left: 83px;}
.main_con .gif_box .main_gif02{width: 193px;top: 131px;left: 233px;}
.main_con .gif_box .main_gif03{width: 220px;top: 248px;left: 560px;}
.main_con .gif_box .main_gif04{width: 54px;top: -210px;right: 26px;}
.main_con .gif_box .main_gif05{width: 216px;top: 421px;right: 353px;}
.main_con .gif_box .main_gif06{width: 152px;top: 185px;right: 250px;}
*/

.main_con .gif_box .main_gif01{width: 5.701754386%;top: 5.6603773585%;left: 6.067251462%;}
.main_con .gif_box .main_gif02{width: 14.1081871345%;top: 17.6549865229%;left: 17.0321637427%;}
.main_con .gif_box .main_gif03{width: 16.081871345%;top: 33.423180593%;left: 40.9356725146%;}
.main_con .gif_box .main_gif04{width: 3.9473684211%;top: -28.3018867925%;right: 1.9005847953%;}
.main_con .gif_box .main_gif05{width: 15.7894736842%;top: 56.7385444744%;right: 25.8040935673%;}
.main_con .gif_box .main_gif06{width: 11.1111111111%;top: 24.9326145553%;right: 18.2748538012%;}