@charset "utf-8";
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*--main_visual--*/


.main_visual{position:relative; background:#f5f5f5}
.main_visual .visual_slider,
.main_visual .slide{height:100%;}
.main_visual .slide{position:relative;}

/*오픈고지*/
.main_visual .quick_box{position: absolute; top:30px; right:30px; z-index: 2;}
.main_visual .quick_box > span img{max-width:110px;}


.main_visual .slide .slide__img{
    width:100%;
	height:100%;
}

.main_visual .slide .slide__img img{
    max-width:100%;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 0.8s ease;

    transform: scale3d(1.18, 1.18, 1.18);
    object-fit: cover;
}

.main_visual .slide .slide_content{
	width:100%;
    position:absolute;
	top:30%;
	bottom:80px;
	left:50%;
	transform:translateX(-50%);
}

.main_visual .slide .slide_content2{
	bottom:auto;
	top:10%
}

.main_visual .content_txt{text-align:center; width:80%; margin:0 auto;}
.main_visual .content_txt img{display:inline-block;}
.main_visual .content_txt h2{position:relative;  color:#d1c2ac; font-size:35px; font-weight:300; line-height:120%;}



/*--------------animate : main_visual--------------*/

.main_visual [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}

/*an*/
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.18, 1.18, 1.18);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
   transform: scale3d(1.18, 1.18, 1.18);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
  animation-name: zoomOutImage;
  transition-timing-function :cubic-bezier(0.250, 0.460, 0.450, 0.940);
  animation-fill-mode: both;
}

.txt1{
    animation:txt1 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt1{
    0% {
        transform: translateX(-50px);
		opacity: 0;
	}
	 100% {
	    transform: translateX(0);
		opacity: 1;
	}
}
.txt2{
    animation:txt2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt2{
    0% {
        transform: translateX(50px);
		opacity: 0;
	}
	 100% {
	    transform: translateX(0);
		opacity: 1;
	}
}

.main_mov{
    position:relative; 
	width:100%; 
	height:93vh;
	overflow:hidden;
}

.main_mov .video_{
	position: absolute; 
	/*top:50%;*/
	left:50%;
	bottom:0;
	transform:translate(-50%,0);
    min-width: 100%; 
	min-height: 100%;
    width: auto;
	height:auto; 
	z-index: -100;
    background-size: cover;
	object-fit: cover;
}

.visual_video_mute { display:block; position:absolute; top:calc(100% - 30px - 50px); left:30px; width:50px; height:50px; z-index:2; }

.icon_quick{position: fixed; right:15px; bottom:40px; z-index:99;}
.icon_quick span{border-radius:100px; overflow:hidden; margin-bottom:5px; display:block;
  box-shadow:0 0 15px rgba(112,210,241,0.3)
}
.icon_quick span img{max-width:100%; width:75px;}

/*.icon_quick a{border-radius:100px; overflow:hidden; margin-bottom:5px; display:block;
  box-shadow:0 0 15px rgba(112,210,241,0.3)
}
.icon_quick a img{max-width:100%; width:65px;}*/

/*--------------responsible : main_visual--------------*/

@media screen and (max-width:680px){
	.main_visual .slide .slide_content{bottom:60px;}
	.main_visual .content_txt h2 img{width:calc(60vw + 100px);}
	.main_visual .content_txt h3 img{width:calc(50vw + 90px);}

	.main_visual .slide .slide_content2{bottom:45%;}
	.main_visual .content_txt2 h2 img{width:calc(60vw + 100px);}
	.main_visual .content_txt2 h3 img{width:calc(50vw + 90px);}

}
@media screen and (max-width:560px){
	.main_visual .quick_box{top:15px; right:15px;}
	.main_visual .quick_box > span img{width:80px;}
}

@media screen and (max-width:480px){	
	.main_visual .slide .slide_content{bottom:50px;}
	.main_visual .content_txt h2 img{width:calc(60vw + 90px);}

	.main_visual .slide .slide_content2{bottom:40%;}
	.main_visual .content_txt2 h2 img{width:calc(60vw + 90px);}

	.main_visual .quick_box > span img{width:70px;}
}
@media screen and (max-width:376px){
	.main_visual .slide .slide_content{bottom:40px;}
	.main_visual .content_txt h2 img{width:calc(60vw + 75px);}

	.main_visual .slide .slide_content2{bottom:35%;}
	.main_visual .content_txt2 h2 img{width:calc(60vw + 75px);}
}


/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding-top:95px; text-align:center;}
.premium_slider .img_ img{width:100%;}

/*premium_slider*/
.premium_slider .img_ img{width:100%;}
.premium_slider .inner_mium{display:none; margin-top:50px;}
.premium_slider .inner_mium .item_pre{position:relative;}
.premium_slider .inner_mium .item_pre > img{width:100%;}

.premium_slider .inner_mium .item_pre .pre_txt .icon img{width:100%;}

/*premium_slider_btn*/
.premium_slider_btn{margin-top:35px; display:inline-block;}
.premium_slider_btn span{display:inline-block; width:70px; line-height:70px; background:#dedede; text-align:center; border-radius:70px; cursor:pointer;}
.premium_slider_btn span span{display:block; line-height:70px; color:#777; font-size:31px;}

/*pre_txt*/
.premium_slider .inner_mium .item_pre .pre_txt{padding:25px 0 70px; text-align:center;}
.premium_slider .inner_mium .item_pre .pre_txt p{margin-top:15px; font-size:35px; font-weight:500; color:#003e2f; line-height:120%;}
.premium_slider .inner_mium .item_pre .pre_txt p strong{font-size:25px; font-weight:600; color:#000; display:block; line-height:110%;}
.premium_slider .inner_mium .item_pre .pre_txt p span{margin-bottom:10px; display:block; font-size:18px; color:#3e3e3e; line-height:130%;}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:680px){
	.premium_tit h2 img{width:calc(80vw - 20px);}
	.premium_slider .inner_mium .item_pre .pre_txt p{font-size:28px;}
	.premium_slider .inner_mium .item_pre .pre_txt p strong{font-size:23px; }
}
@media screen and (max-width:540px){
	.premium_slider_btn{margin-top:40px;}
	.premium_slider .inner_mium{margin-top:40px;}
	
}
@media screen and (max-width:480px){
	#section2_premium {padding-top:70px;}
	.premium_slider_btn{margin-top:30px;}
	.premium_slider_btn span{width:50px; line-height:50px;}
	.premium_slider_btn span span{ line-height:50px;font-size:27px;}

	.premium_tit h2 img{width:calc(80vw - 10px);}
	.premium_slider .inner_mium .item_pre .pre_txt {padding:20px 0 50px;}
	.premium_slider .inner_mium .item_pre .pre_txt p{font-size:26px;}
	.premium_slider .inner_mium .item_pre .pre_txt p strong{font-size:21px; }
}
@media screen and (max-width:375px){
	.premium_slider .inner_mium{margin-top:50px;}
	.premium_slider .inner_mium .item_pre .pre_txt p{font-size:24px;}
	.premium_slider .inner_mium .item_pre .pre_txt p span{font-size:16px; }
}

/*프리미엄 효과*/
.premium_slider .slick-slide .img_,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(0.83, 0.83);
	transition:all 0.4s
}
.premium_slider .slick-center .img_,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(0.88, 0.88);
}

.premium_slider .slick-slide .img_ img,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_ img{
	transition:all 0.4s;
	filter: brightness(0.3);
}
.premium_slider .slick-center .img_ img,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_ img{
	opacity:1;
	filter: brightness(1);
}

.premium_slider .slick-slide .pre_txt,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:0; transition:all 0.4s
}
.premium_slider .slick-center .pre_txt,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:1; transition:all 0.4s
}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:580px){
	.premium_slider .slick-slide .img_,
	.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(0.9, 0.9);
	}
	.premium_slider .slick-center .img_,
	.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(1, 1);
	}
}

/************************************************************/
/************************************************************/
/*--section3_area--*/
.area_box{background:#dfd9c9; text-align:center;}
.area_box .main_inner{width:90%; margin:0 auto;}
.area_box .area_tit {margin-bottom:70px;}
.area_box .area_tit h2{margin-bottom:25px; font-size:24px; font-weight:500; color:#003e30; letter-spacing:10px;}
.area_box .area_tit h3{font-size:33px; font-weight:600; color:#003e30; line-height:130%;}
.area_box .area_tit h3 p{margin-bottom:10px; font-size:18px; font-weight:500; color:#000;}
.area_box .img img{display:block; width:100%;}

.area_box .area_txt {padding-top:80px; width:90%; display:inline-block; text-align:left;}
.area_box .area_txt ul {display:flex; flex-wrap: wrap;}
.area_box .area_txt li {flex:1 1 50%; margin-bottom:20px; font-weight:600; color:#000; font-size:21px;}
.area_box .area_txt li:last-child{margin-bottom:0;}
.area_box .area_txt span{position:relative; display:block; font-size:17px; color:#464646; font-weight:400;}
.area_box .area_txt span:after {position:absolute; top:10px; left:-10px; width:4px; height:4px; background:#000; border-radius:50px; content:"";}

/*--------------responsible : section3_area--------------*/
@media screen and (max-width:680px){
	.area_box .area_tit h2{font-size:20px;}
	.area_box .area_tit h3{font-size:28px;}
}
@media screen and (max-width:640px){
	.area_box .area_txt li {flex:1 0 100%; font-size:20px;}
	.area_box .area_txt span{font-size:16px; }
}
@media screen and (max-width:480px){
	.area_box .area_tit h3 br{display:none;}
}
@media screen and (max-width:420px){
	.area_box .area_tit {margin-bottom:55px;}
	.area_box .area_tit h2{margin-bottom:20px; font-size:18px;}
	.area_box .area_tit h3{font-size:25px;}

	.area_box .area_txt {padding-top:50px;}
}


/************************************************************/
/************************************************************/
/*section4_specialized*/
.specialized_box{background:#003e2f; text-align:center;}
.specialized_box .tit_text {margin-bottom:70px;}
.specialized_box .tit_text span {margin-bottom:25px; display:block; }
.specialized_box .tit_text p{margin-bottom:10px; color:#fff; font-size:18px; }
.specialized_box .tit_text h2{color:#fff; font-size:33px; font-weight:600; line-height:130%;}
.specialized_box  p img{width:90%;}

/*--------------responsible : section4_specialized--------------*/
@media screen and (max-width:680px){
	.specialized_box .tit_text h2{font-size:28px;}
	.specialized_box  p img{width:100%;}
}
@media screen and (max-width:480px){
	.specialized_box .tit_text h2 br{display:none;}
}
@media screen and (max-width:420px){
	.specialized_box .tit_text {margin-bottom:55px;}
	.specialized_box .tit_text h2{margin-bottom:20px; font-size:25px;}
}


/************************************************************/
/************************************************************/
/*section5_brand*/
.brand_box{text-align:center;}
.brand_box .tit_text span {margin-bottom:25px; display:block; }
.brand_box .tit_text p{margin-bottom:10px; font-size:18px; color:#000;}
.brand_box .tit_text h2{color:#003e2f; font-size:33px; font-weight:600; line-height:130%;}
.brand_box  p img{width:90%;}

#section5_brand .videoWrap{padding:20px 0; position:relative;display: flex; flex-flow: column;  justify-content: center; align-items: center; background-color:#353535;}
#section5_brand .inner_video{position:relative; height:390px; width:calc(100% - 40px);}
#section5_brand  #myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}

/*--------------responsible : section5_brand--------------*/
@media screen and (max-width:680px){
	.brand_box .tit_text h2{font-size:28px;}
	.brand_box  p img{width:100%;}
}
@media screen and (max-width:640px){
	#section5_brand .inner_video{height:330px;}
}
@media screen and (max-width:580px){
	#section5_brand .inner_video{height:300px;}
}
@media screen and (max-width:480px){
	#section5_brand .inner_video{height:240px;}

	.brand_box .tit_text h2 br{display:none;}
}
@media screen and (max-width:420px){
	#section5_brand .inner_video{height:205px;}

	.specialized_inner,
	.brand_inner{padding-bottom:50px !important;}
	.brand_box .tit_text h2{margin-bottom:20px; font-size:25px;}
}
@media screen and (max-width:360px){
	#section5_brand .inner_video{height:175px;}
}


/************************************************************/
/************************************************************/
/*--section5_contact--*/

.contact_box .icon_box{display:flex; flex-wrap: wrap; align-items:center; justify-content:center; text-align:center;}
.contact_box .icon_box li{flex:1 1 50%; padding:40px 10px;}
.contact_box .icon_box li:nth-child(1){background:#e6e7e9;}
.contact_box .icon_box li:nth-child(2){background:#d6d3d1;}
.contact_box .icon_box li p b{display:block; font-size:18px; color:#111; font-weight:500; margin-top:10px}

/*--------------responsible : section5_brand--------------*/
@media screen and (max-width:580px){
	.contact_box .icon_box li{padding:30px 10px;}
	.contact_box .icon_box li p img {width:45px;}
}

/************************************************************/
/************************************************************/

footer{background:#1c1c22; padding:40px 0 !important}
footer .footer_inner{width:90%; margin:0 auto;}
footer .footer_section{text-align:left;}
footer .footer_section img{ max-width:100%}

footer .copy > p{margin-bottom:15px; font-size:14px; color:#b3b3b3; }
footer .copy > p span{display:block; color:rgba(255,255,255,.4)}

footer .tel p{font-size:13px; color:#fff}
footer .tel p + p{font-size:31px; font-weight:700}


/*--------------responsible : footer--------------*/


@media screen and (max-width:768px){
    footer .inner{display:block; width:90%}
	footer .copy,
	footer .footer_section{width:100%; text-align:left;}
	footer .footer_section{margin-top:20px;}

	footer .family > p{width:100%;}
}
@media screen and (max-width:430px){
    footer .copy > p img{max-width:100%;}
	footer .footer_section ul li{padding-left:40px; display:block; margin-bottom:10px;}
	footer .footer_section ul li:after{left:10px;}
}