@charset "utf-8";
#mv {position: relative;}
#mv .mv_list_wrap {}
#mv .mv_list_wrap .list {position: relative; overflow: hidden;}
#mv .mv_list_wrap .list .mv_visual {width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; background-color: #000; transform: scale(1.1);}
#mv .mv_list_wrap .list1 .mv_visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .list2 .mv_visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv .mv_list_wrap .list3 .mv_visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv .mv_list_wrap .list4 .mv_visual {background-image: url('/assets/images/main/mv4.jpg');}
#mv .mv_txt_wrap {position: absolute; top: 50%;left: 0; width: 100%; transform:translateY(-50%); text-align: center; color: #fff; }

#mv .mv_txt_wrap img {display: inline;}
#mv .mv_txt_wrap .mv_tit {transform:translateY(-30px); opacity:0;}
#mv .mv_txt_wrap .mv_tit1 {margin-bottom: 15px;}
#mv .mv_txt_wrap .mv_tit2 {transform:translateY(-30px); opacity:0;}

#mv .mv_txt_wrap .mv_tit span {display: inline-block; padding: 5px 20px 3px;  margin-bottom: 5px; position: relative; z-index: 1;  background-repeat:no-repeat; background-size:0% 100%; background-position:left bottom;  transition:background-size 1.9s 0s;}
#mv .mv_txt_wrap .mv_txt {transform:translateY(50px); opacity:0; margin-top: 20px;  font-family: 'Pretendard'; letter-spacing: -1px;	}

#mv .mv_list_wrap .slick-active .mv_visual { animation:mvBgScale 3.5s forwards; }
#mv .mv_list_wrap .slick-active .mv_txt_wrap .mv_tit { animation:mvTit 0.8s 1s forwards; opacity: 0; transform:translateY(-30px); }
#mv .mv_list_wrap .slick-active .mv_txt_wrap .mv_tit2 { animation:mvTit 0.8s 1s forwards; opacity: 0; transform:translateY(-30px); }
#mv .mv_list_wrap .slick-active .mv_txt_wrap .mv_txt { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(50px);  }
#mv .mv_list_wrap .slick-active .mv_txt_wrap .mv_tit:nth-child(1) { animation-delay: 1.4s; }
#mv .slick-active .mv_txt_wrap .mv_tit span { background-image:linear-gradient(to right, #d4b6a1, #d4b6a1); background-size:100% 100%;transition:background-size 1.5s 1.5s, top 1.4s 0s, opacity 1.9s 0s; }
#mv .slick-active .mv_txt_wrap .mv_tit span:nth-child(3) {transition:background-size 1.5s 2s, top 1.4s 0s, opacity 1.9s 0s;}
#mv .slick-dots {bottom: auto; top: 50%; left: 50%; width: auto; margin-left: -700px; transform:translateY(-50%);}
#mv .slick-dots li {width: auto; height: auto; display: block; padding: 7px 0;}
#mv .slick-dots li button {width: 18px; height: 18px; border-radius:50%; background-color: #d8d8d8;}
#mv .slick-dots li.slick-active button {background-color: #d9a873;}
@keyframes mvBgScale {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTit {
    0% {
        transform:translateY(-30px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
@keyframes mvTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}


#mv .mv_scroll {position: absolute; bottom: 50px; left: 50%; margin-left: -25px; cursor: pointer; animation:move_mouse 2s infinite}

#main_content article {padding: 160px 0;}
.beige_txt_box {display: inline-block; padding: 10px 15px; background-color: #f0e9e3;}


.service_wrap { display:flex; width:100%; height:420px; }
.service_item { position:relative; flex:1; background-size:cover; background-position:center; overflow:hidden; cursor:pointer; }
.service_dim { position:absolute; inset:0; background:rgba(0,0,0,0.15); transition:0.3s; }
.service_cont { position:absolute; bottom:40px; left:40px; right:40px; color:#fff; z-index:2; transition:0.3s; }
.service_more { display:inline-block; font-size:13px; padding:8px 20px; border:1px solid #fff; color:#fff; transition:0.3s; border-radius:100px }
.service_item:hover .service_dim { background:rgba(0,0,0,0.55); }
.service_item:hover .service_cont { transform:translateY(-10px); }
.service_item:hover .service_more { background:#fff; color:#000; }

.m2 { background-color:#d4b6a1; }
.m2:has(#tab1.active) { background:url('/assets/images/main/m2_bg.jpg') no-repeat center/cover;  background-position:98% 50%;}

.m2 .tab_container .tab_menu {max-width:760px; margin: 0 auto 60px;}
.m2 .tab_con ul {display: flex; margin: 0 33px; }
.m2 .tab_con ul li {flex:1; margin: 0 13px; padding: 50px 15px 70px; background-color: #fff; text-align: center;transition:.5s;}
.m2 .tab_con ul li a {display: block;   }
.m2 .tab_con ul li:hover { transform:translateY(-10px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.m3 { }
.celebrity_list {margin: 0 -20px 50px !important; }
.celebrity_list .list { padding: 20px 20px 0; background-color: #fff; border: 1px solid #ddd; text-align: center; margin: 10px 20px 0; transition:.5s;}
.celebrity_list .list:hover {  transform:translateY(-10px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}
.celebrity_list .list .celebrity_name {padding: 30px 0; font-weight: 500;}

.m4 {  background: #eef3ed url('/assets/images/common/symbol_green.png') 50% 60% no-repeat; }
.news_list {border-top: 2px solid #333;}
.news_list .list {height: 90px; line-height: 90px; font-size: 20px; color: #333; padding:0 170px 0 35px; border-bottom: 1px solid #c2c1c1; position: relative; transition:.25s;}
.news_list .list a {display: block;  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;  transition:.25s;}
.news_list .list:hover {background-color: rgba(255,255,255,.5)}
.news_list .list .date {position: absolute; top: 0; right: 35px;  letter-spacing: -1px;}

.m5 { }
.m5_con {max-width:1200px; margin: 0 auto;}

.m6 { background-color: #996838; }
.m6_con {max-width:1200px; margin: 0 auto;}
.m6 .white_box {display: flex; margin: 0 -25px 70px;}
.m6 .white_box .box {flex:1;margin: 0 25px;padding: 60px 50px 90px; background: #fff url('/assets/images/main/m6_icon1.png') right 20px bottom 20px no-repeat; border: 1px solid #d9a873; border-radius:30px;}
.m6 .white_box .box:nth-child(2) {background-image: url('/assets/images/main/m6_icon2.png');}
.m6 .info_link {display: flex; justify-content:center;}
.m6 .info_link a:after {content:''; width: 1px; height: 90px; background-color: #fff; opacity: .1; position: absolute; top: 0; left: 0; }
.m6 .info_link a:first-child:after {display: none;}





@media all and (max-width:1430px){
	#mv .slick-dots {left: 15px; margin-left: 0;}
	.celebrity_list {margin: 0 0 50px	!important;}
}
@media all and (max-width:1230px){

	

	.m1_con .lt p img {width: 100px;}

	.m2 .tab_con ul {margin: 0;}
	.m2 .tab_con ul li {margin: 0 5px; padding: 40px 10px;}

	.m6 .white_box .box {padding: 40px 20px 60px; background-size:60px auto; }
	.m6 .info_link a:after {height: 100%;}
	
}
@media all and (max-width:820px){
   #mv .mv_list_wrap .list .mv_visual {width: 100%; height: 100%; background-position: 65% 50%; background-repeat: no-repeat; background-size:cover; background-color: #000; transform: scale(1.1);}
   #mv .mv_list_wrap .list1 .mv_visual {background-image: url('/assets/images/main/mv1.jpg');}
   #mv .mv_list_wrap .list2 .mv_visual {background-image: url('/assets/images/main/mv2.jpg'); background-position: 45% 50%;}
   #mv .mv_list_wrap .list3 .mv_visual {background-image: url('/assets/images/main/mv3.jpg'); background-position: 48% 50%;}
   #mv .mv_list_wrap .list4 .mv_visual {background-image: url('/assets/images/main/mv4.jpg');}
	
	#mv .mv_txt_wrap .mv_txt p {font-size: 26px; line-height:36px}
	#mv .mv_txt_wrap .mv_tit p {font-size: 16px;}
	#mv .mv_txt_wrap .mv_tit span {padding: 4px 8px 2px;}
	#mv .mv_txt_wrap .mv_tit1 img {width: 100px;}
	#mv .slick-dots li {padding: 3px 0;}
	#mv .slick-dots li button {width: 12px; height: 12px;}
	#main_content article {padding: 80px 0;}

	.service_wrap{display:grid; height:auto}
	.service_item{height:220px}
	.service_cont{left:29px}

	.m1_con {flex-wrap:wrap;}
	.m1_con > div {flex:auto;}
	.m1_con .rt {text-align: left; padding: 30px 0 0;}

	.m2 .tab_con ul {flex-wrap:wrap;}
	.m2 .tab_con ul li {flex:auto; width: 100%; margin: 5px 0;}

	.celebrity_list .list {margin: 0 5px; padding: 10px 10px 0;}
	.celebrity_list .list .celebrity_name {padding: 15px 0;}
	.slider_nav .slider_progress {width: calc(100% - 115px);}
	.slider_nav .slider_arrow button {width: 40px; height: 9px; background-size:cover;}

	.m4 {background-size:100px auto;}
	.news_list .list {padding: 0 90px 0 10px; height: 45px; line-height: 45px; font-size: 14px;}
	.news_list .list .date {right: 10px;}

	.m6 .white_box {flex-wrap:wrap; margin: 0 0 30px;}
	.m6 .white_box .box {flex:auto; width: 100%; margin: 0 0 20px;}

	.info_link a {display: block; text-align: center;}
	.info_link .txt_wrap {padding: 15px 0 0;}


	
}

@media all and (max-width:520px){
	#mv .mv_scroll {width: 30px; margin-left: -15px; bottom: 30px;}
	.m1_con .lt p img {width: 70px;}
	.m2 .tab_con ul li {padding: 30px 10px;}
	.m2 .tab_con ul li .icon img {width: 150px;}
	
}