@charset "utf-8";
/*공용*/
.main_tit{text-align:center; }
.main_tit h3{font-size:41px; letter-spacing:0; color:#222222; font-weight:400;}

.main_visual{width:100%; height:937px; position:relative}	
.main_visual .swiper-slide{position:relative; width:100%; height:937px; z-index:10; overflow:hidden; text-align: right;}
.main_visual .swiper-slide .bg{position:absolute; width:100%; height:100%; background:url('/img/main_visual01.png') no-repeat center / cover}
.main_visual .swiper-slide .inner{height:100%; display:table;}
.main_visual .swiper-slide .txt_box{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.main_visual .swiper-slide:nth-of-type(2n){text-align: left;}
.main_visual .swiper-slide .txt_box h4{font-size:45px; letter-spacing:0; color:#FFF; font-weight:400; display:block; line-height:1.2; opacity:0;}
.main_visual .swiper-slide .txt_box p{font-size:24px; letter-spacing:0; color:#FFF; font-weight:400;  display:block; opacity:0; line-height:1.5;}
.main_visual .swiper-slide .txt_box .main_btn{display:inline-block; width:150px; height:48px; background:#cfa64c; margin-top:20px; opacity:0;}
.main_visual .swiper-slide .txt_box .main_btn a{display:block; text-align:center; font-size:17px; line-height:48px; color:#FFF; letter-spacing:0;}
.main_visual .swiper-container .main_visual_pager{bottom:50px; z-index:10; position:absolute; left:0; width:100%; text-align:center}
.main_visual .swiper-container .main_visual_pager .swiper-pagination-bullet{width:14px; height:14px; background:rgba(255,255,255,0); transform:rotate(45deg); border-radius:0; margin-right:12px; border:1px solid #FFF; opacity:1}
.main_visual .swiper-container .main_visual_pager .swiper-pagination-bullet-active{background:#FFF}
.main_visual .swiper-container .prev{z-index:5; position:absolute; top:50%; left:12px; transform:translateY(-50%); background:url('/img/main_visual_prev.png'); width:19px; height:35px; cursor:pointer} 
.main_visual .swiper-container .next{z-index:5; position:absolute; top:50%; right:12px; transform:translateY(-50%); background:url('/img/main_visual_next.png'); width:19px; height:35px; cursor:pointer }

.main_visual .swiper-slide-active .bg{animation:scale 4s ease-in-out 0s forwards; }
.main_visual .swiper-slide-active .txt_box h4{animation:fadeInUp 1s ease-in-out 0s forwards;}
.main_visual .swiper-slide-active .txt_box p{animation:fadeInUp 1s ease-in-out 0.4s forwards;}
.main_visual .swiper-slide-active .txt_box .main_btn{animation:fadeInUp 1s ease-in-out 0.8s forwards;}

@keyframes scale{
	0%{transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15);}
	100%{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
}
@keyframes fadeInUp{
	0%{opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px); -o-transform:translateY(20px);}
	100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
}

@media all and (max-width:1460px){
	.main_visual .swiper-slide .txt_box{padding:0 30px; box-sizing:border-box}
}
@media all and (max-width:1000px){
	.main_visual{height:550px;}
	.main_visual .swiper-slide{height:550px;}
	.main_visual .swiper-slide .txt_box h4{font-size:24px}
	.main_visual .swiper-slide .txt_box p{font-size:18px}
	.main_visual .swiper-container .prev{display:none}
	.main_visual .swiper-container .next{display:none}
}



.main_con01{padding:40px 0;}
/*.main_con01 .main_tit {text-align: left;}*/
.main_con01 ul{font-size:0; letter-spacing:-4px; width:85%; margin:40px auto 0}
.main_con01 ul li{display:inline-block; vertical-align:top; width:25%;}
.main_con01 ul li:nth-of-type(n+5){margin-top:20px}
.main_con01 ul li:hover .img_box a{display:block}
.main_con01 ul li .img_box{position:relative; padding:40% 0 ;}
.main_con01 ul li .img_box img{position:absolute; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; margin:auto}
.main_con01 ul li .img_box a{position: absolute; width:165px; height:48px; background:#cfa64c; top:50%; left:50%; transform:translate(-50% , -50%); font-size:17px; line-height:48px; letter-spacing:0; color:#FFF; text-align:center; display:none}
.main_con01 ul li .txt_box{padding:20px 40px 0; text-align: left; box-sizing:border-box; }
.main_con01 ul li .txt_box p{font-size:18px; letter-spacing:0; color:#222222; font-weight:bold;}
.main_con01 ul li .txt_box .star_box{display:inline-block; vertical-align:top; position: relative; width:90px; margin-top:3px}
.main_con01 ul li .txt_box .star_box .star_on{position:absolute; top:0; left:0; display:block; width:0%; height:15px; background:url('/img/star_on.png') no-repeat left center; z-index:1;}
.main_con01 ul li .txt_box .star_off{display:block; width:90px; height:15px; background:url('/img/star_off.png') no-repeat left center;}
.main_con01 ul li .txt_box .star_review{display:inline-block; vertical-align:top;}
.main_con01 ul li .txt_box .star_review p{font-size:17px; letter-spacing:0; color:#222}
.main_con01 ul li .txt_box .price_box {display:block; }
.main_con01 ul li .txt_box span.before_price {display:inline-block; font-size:14px; letter-spacing:0; color:#959595; position:relative; }
/*.main_con01 ul li .txt_box span.before_price:after{position:absolute; width:100%; left:0; top:50%; height:1px; background:#959595; content:""; display:block;}*/
.main_con01 ul li .txt_box span.price {font-size:20px; letter-spacing:-0.05em; color:#444; display:inline-block; margin-right:10px;}
.main_con01 .main_con01_btn{padding-top:90px; text-align:center;}
.main_con01 .main_con01_btn a{display:block; width:232px; height:48px; background:#cfa64c; font-size:17px; letter-spacing:0; color:#FFF; line-height:48px; margin:0 auto}

@media all and (max-width:1000px){
	.main_con01 ul li{width:50%;}
	.main_con01 ul li:nth-of-type(n+3){margin-top:30px}
}

@media all and (max-width:640px){
	.main_con01 ul li{width:100%; display:block; }
	.main_con01 ul li:nth-of-type(n+2){margin-top:30px}
}


.main_con02{position:relative; padding-top:80px;}
.main_con02 .inner{max-width:1170px;}
.main_con02 .video_box{position:relative; padding-bottom:57%;}
.main_con02 .video_box iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

.main_con03{padding:80px 0;}
.main_con03 .main_tit{padding-left:100px; text-align:left; box-sizing:border-box;}
.main_con03 .main_con03_list{padding-top:30px}
.main_con03 .main_con03_list ul{font-size:0; letter-spacing:-4px; padding:0 75px; box-sizing:border-box}
.main_con03 .main_con03_list ul li{display:inline-block; vertical-align:top; width:calc(33.33% - 33.3333px); margin-right:50px; background:url('/img/main_con03_bg.png') no-repeat left top; padding:25px; box-sizing:border-box;  text-align:right}
.main_con03 .main_con03_list ul li:last-of-type{margin-righT:0;}
.main_con03 .main_con03_list ul li .txt_box{text-align:left}
.main_con03 .main_con03_list ul li .txt_box p{font-size:17px; line-height:1.3; letter-spacing:0; color:#222; word-break:keep-all;}
.main_con03 .main_con03_list ul li .sign_box{margin-top:30px;}
.main_con03 .main_con03_list ul li .sign_box img{display:inline-block; vertical-align:middle; width:60px}
.main_con03 .main_con03_list ul li .sign_box p{display:inline-block; vertical-align:middle; max-width:calc(100% - 70px); text-align:left; font-size:17px; line-height:1.3; letter-spacing:0; color:#222; margin-left:10px}

@media all and (max-width:1000px){
	.main_con03 .main_tit{padding-left:0; text-align:center}
	.main_con03 .main_con03_list ul{padding:0 20px}
	.main_con03 .main_con03_list ul li{display:block; width:100%; margin-right:0;}
	.main_con03 .main_con03_list ul li + li{margin-top:20px}
}




.main_con04{font-size:0; letter-spacing:-4px}
.main_con04 .img_box{display:inline-block; vertical-align:middle; width:calc(100% - 480px); overflow:Hidden; position: relative;}
.main_con04 .img_box .swiper-beauty{width:100%;}
.main_con04 .img_box .swiper-slide img{width:100%;}
.main_con04 .img_box .swiper-beauty .main_con04_pager{bottom:50px; z-index:10; position:absolute; left:0; width:100%; text-align:center}
.main_con04 .img_box .swiper-beauty .main_con04_pager .swiper-pagination-bullet{width:14px; height:14px; background:rgba(255,255,255,0); transform:rotate(45deg); border-radius:0; margin-right:12px; border:1px solid #FFF; opacity:1}
.main_con04 .img_box .swiper-beauty .main_con04_pager .swiper-pagination-bullet-active{background:#FFF}
.main_con04 .img_box .swiper-beauty .main_con04_prev{z-index:5; position:absolute; top:50%; left:12px; transform:translateY(-50%); background:url('/img/main_visual_prev.png'); width:19px; height:35px; cursor:pointer} 
.main_con04 .img_box .swiper-beauty .main_con04_next{z-index:5; position:absolute; top:50%; right:12px; transform:translateY(-50%); background:url('/img/main_visual_next.png'); width:19px; height:35px; cursor:pointer}
.main_con04 .txt_box{display:inline-block; vertical-align:middle; text-align:center; width:480px}
.main_con04 .txt_box p{font-size:41px; font-weight:400; letter-spacing:0; color:#222222;}
.main_con04 .txt_box span{display:block; font-size:17px; font-weight:400; letter-spacing:0; coloR:#222222; padding:0 20px; box-sizing:border-box; margin-top:10px; word-break:keep-all;}

@media all and (max-width:1000px){
	.main_con04 .img_box{width:100%;}
	.main_con04 .img_box .swiper-beauty .main_con04_pager{bottom:20px}
	.main_con04 .img_box .swiper-beauty .main_con04_prev{display:none} 
	.main_con04 .img_box .swiper-beauty .main_con04_next{display:none}
	.main_con04 .txt_box{width:100%; padding:40px 20px; box-sizing:border-box}
}


.main_con05{padding-top:10px}
.main_con05 .main_con05_list {max-width: 920px; margin: 0 auto;}
.main_con05 .main_con05_list ul{font-size:0; letter-spacing:-4px; text-align:center}
.main_con05 .main_con05_list ul li{display:inline-block; vertical-align:top; margin-right:40px; text-align: center;}
.main_con05 .main_con05_list ul li:last-of-type{margin-right:0}
.main_con05 .main_con05_list ul li img {max-width: 100%;}

@media all and (max-width:1000px){
	.main_con05 .main_con05_list ul li{width:50%; margin:0}
}


.main_con06{height:450px; background:url('/img/main_con06_bg.png') no-repeat center / cover}
.main_con06 .inner{height:450px; display:table;}
.main_con06 .txt_box{display:table-cell; vertical-align:middle; width:100%; height:100%; text-align:left;}
.main_con06 .txt_box .desc{width:50%}
.main_con06 .txt_box h4{font-size:50px; letter-spacing:0; color:#FFF; font-weight:400; display:block; line-height:1}
.main_con06 .txt_box p{font-size:17px; letter-spacing:0; color:#FFF; font-weight:400;  display:block; word-break:keep-all;}
.main_con06 .txt_box .main_btn{display:inline-block; width:150px; height:48px; background:#cfa64c; margin-top:20px}
.main_con06 .txt_box .main_btn a{display:block; text-align:center; font-size:17px; line-height:48px; color:#FFF; letter-spacing:0} 


@media all and (max-width:1000px){
	.main_con06 .txt_box .desc{width:100%}
}

.main_con07 ul{font-size:0; letter-spacing:-4px; text-align:center}
.main_con07 ul li{display:inline-block; vertical-align:top;}
.main_con07 ul li a{display:block;}

.main_con08{}
.main_con08 .img_box{position: relative; padding:50% 0; overflow:hidden;}
.main_con08 .img_box:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.66) url('/img/main_con08_icon01.png') no-repeat center center; opacity:0; transition:all 0.5s; z-index:10;}
.main_con08 .img_box img{position: absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.main_con08 .img_box.h100 img{width:auto; height:100%;}

.main_con08 .main_con08_prev{z-index:5; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url('/img/main_con08_prev.png'); width:50px; height:50px; cursor:pointer} 
.main_con08 .main_con08_next{z-index:5; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url('/img/main_con08_next.png'); width:50px; height:50px; cursor:pointer}

.main_con08 .img_box:hover:before{opacity:1;}


/* video_popup */
.popup_bg{position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(11,11,11,0.8); cursor:pointer; z-index:500;}
.video_popup{position:fixed; top:50%; left:50%; display:none; width:900px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); z-index:510;}
.video_popup .video_box{width:100%; padding-top:56.25%; overflow:hidden; position:relative;}
.video_popup .video_box > iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

@media all and (max-width:1000px){
	.video_popup .video_box{width:50%; padding-top:0; height:300px; margin:0 auto;}
	.video_popup .video_box > iframe{position:static;}
}