@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 .visual_slider .slide .open_{position:absolute; top:35px; right:30px;z-index:3}

.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;
	bottom:80px;
	left:50%;
	transform:translateX(-50%);
}

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

.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; margin-bottom:30px; 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 .visual_slider .slide .open_ img{width:95px; max-width:100%;}

	.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:480px){	
	.main_visual .visual_slider .slide .open_{top:30px; right:25px;}
	.main_visual .visual_slider .slide .open_ img{width:90px; max-width:100%;}

	.main_visual .slide .slide_content{bottom:50px;}
	.main_visual .content_txt h2{margin-bottom: 20px;}
	.main_visual .content_txt h2 img{width:calc(60vw + 90px);}

	.main_visual .slide .slide_content2{bottom:40%;}
	.main_visual .content_txt2 h2{margin-bottom: 20px;}
	.main_visual .content_txt2 h2 img{width:calc(60vw + 90px);}
}
@media screen and (max-width:376px){
	.main_visual .visual_slider .slide .open_{top:20px; right:15px;}
	.main_visual .visual_slider .slide .open_ img{width:80px; max-width:100%;}

	.main_visual .slide .slide_content{bottom:40px;}
	.main_visual .content_txt h2{margin-bottom: 10px;}
	.main_visual .content_txt h2 img{width:calc(60vw + 75px);}

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

/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding-top:95px; background:#efefef url("/kic/mobile/image/main/premium_bg.jpg")no-repeat bottom; background-size:100%; text-align:center;}
.premium_tit{text-align:center;}
.premium_tit h2{position:relative; font-size:60px; color:#183c5e; line-height:100%;}
.premium_tit p{font-size:17px; margin-top:40px;}

.premium_tit h2 b{display:block; }

.premium_slider .img_ img{width:100%;}
.premium_slider .img_{background:#000;}

/*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 .slick-active .img_{border:5px solid #183c5e;}

.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:#fff; 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:0 35px 90px; text-align:center;}
.premium_slider .inner_mium .item_pre .pre_txt .icon{display:inline-block;}
.premium_slider .inner_mium .item_pre .pre_txt .tit2 strong{margin-top:7px; font-size:38px; font-weight:600; color:#fff; display:block; line-height:110%;}
.premium_slider .inner_mium .item_pre .pre_txt p{margin-top:20px; font-size:24px; font-weight:300; color:#fff; line-height:120%;}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:680px){
	.premium_tit h2 img{width:calc(80vw - 30px);}
}
@media screen and (max-width:540px){
	.premium_tit h2{font-size:calc(5vw + 25px);}
	.premium_slider_btn{margin-top:40px;}
	.premium_slider .inner_mium{margin-top:40px;}
	
}
@media screen and (max-width:480px){
	.premium_slider_btn{margin-top:30px;}

	.premium_slider .inner_mium .item_pre .pre_txt{padding:0 10px 70px}
	.premium_slider .inner_mium .item_pre .pre_txt .tit2 strong{font-size:28px;}
	.premium_slider .inner_mium .item_pre .pre_txt p{font-size:18px;}

	.premium_tit h3{font-size:calc(2vw + 12px);  margin-bottom:20px;}
	.premium_tit h3 > b{font-size:calc(2vw + 22px);}
	.premium_tit p{font-size:15px;}


	.premium_slider_btn span{width:50px; line-height:50px;}
	.premium_slider_btn span span{ line-height:50px;font-size:27px;}
}
@media screen and (max-width:375px){
	.premium_tit h2 img{width:calc(80vw);}
	.premium_slider .inner_mium{margin-top:50px;}

	.premium_slider .inner_mium .item_pre .pre_txt{padding:10px 10px 50px}
	.premium_slider .inner_mium .item_pre .pre_txt .tit2 strong{margin-top:10px; font-size:27px;}
	.premium_slider .inner_mium .item_pre .pre_txt p{margin-top:10px; font-size:18px;}

}

/*프리미엄 효과*/
.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);
	box-shadow:5px 5px 15px -5px rgba(0,0,0,0.3)
}

.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;
	opacity:0.5;
}
.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;
}

.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_box01{background:#272154; text-align:center;}
.area_box01 .main_inner,
.area_box02 .main_inner,
.brand_box01 .main_inner{width:90%; margin:0 auto;}
.area_box01 .area_tit h2{color:#fff; font-size:25px; }
.area_box01 .area_tit h3{color:#fff; font-size:35px; font-weight:600;}
.area_box01 .area_tit p{color:#fff; font-size:17px; margin-top:20px; letter-spacing:-1px;}
.area_box01 .img{margin-top:40px; width:100%; display:inline-block; border-top-right-radius:90px; overflow:hidden; border:2px solid #fff;}
.area_box01 .img img{display:block; width:100%;}

.area_box02{background:#64c0ab url("/kic/mobile/image/main/m_pr_bg.jpg")no-repeat; background-size:cover; text-align:center;}
.area_box02 .area_tit h2{color:#111; font-size:25px; }
.area_box02 .area_tit h3{color:#111; font-size:35px; font-weight:600;}
.area_box02 .area_tit p{color:#47515b; font-size:17px; margin:20px auto; letter-spacing:-2px;}
.area_box02 .area_tit p img{width:100%;}
.area_box02 .img ul{padding-top:20px; display:flex; flex-wrap: wrap;}
.area_box02 .img li{padding:10px; width:calc(100% / 2); flex:1 1 40%; display:inline-block;}
.area_box02 .img li img{width:100%;}

/*--------------responsible : section3_area--------------*/
@media screen and (max-width:580px){
.area_box01 .area_tit h2,
.area_box01 .area_tit h3,
.area_box02 .area_tit h2,
.area_box02 .area_tit h3,{font-size:calc(4vw + 15px);}
.area_box01 .area_tit p,
.area_box02 .area_tit p{font-size:16px;}
}
@media screen and (max-width:480px){
.area_box01 .area_tit h2,
.area_box01 .area_tit h3,
.area_box02 .area_tit h2,
.area_box02 .area_tit h3{font-size:calc(4vw + 10px); }
.area_box01 .area_tit p,
.area_box02 .area_tit p{margin-top:10px; }
.area_box01 .img{margin-top:30px; border-top-right-radius:70px; }
.area_box02 .img ul{display:block;}
.area_box02 .img li{width:100%;}
}


/************************************************************/
/************************************************************/
/*--section4_brand--*/


/*section2_brand*/
.brand_box01{background:#e6e7e2; text-align:center;}
.brand_box01 .brand_tit {text-align:center;}
.brand_box01 .brand_tit .tit_text{border-bottom:1px solid #000; padding-bottom:10px; }
.brand_box01 .brand_tit h2{font-size:20px; color:#231e58; font-weight:400; letter-spacing:-2px; line-height:125%; width:90%; margin:0 auto 10px;}
.brand_box01 .brand_tit h2 b{font-size:40px; letter-spacing:-2px; line-height:125%; display:block; margin-top:10px;}
.brand_box01 .brand_tit h3{margin-top:30px; font-size:30px; color:#242424; font-weight:600; letter-spacing:-3px; margin-bottom:8px;}
.brand_box01 .brand_tit p{color:#5c5c5c; font-weight:400; line-height:125%; margin-bottom:30px;}
.brand_box01 .brand_tit p img{width:95%;}

.m_area_slider {margin-top:30px;}
.m_area_slider .slick-dots{bottom:-40px}
.m_area_slider img{width:95%; margin:0 auto;}

.barand_box .barand_btn a{display:inline-block; background:#2d2d2d; margin-bottom:30px; width:250px; height:55px; line-height:55px; color:#fff; font-weight:600}

#section4_brand {background:#353535;}
#section4_brand .videoWrap{padding:20px 0; position:relative;display: flex; flex-flow: column;  justify-content: center; align-items: center; background-color:#353535;}
#section4_brand .inner_video{position:relative; height:390px; width:calc(100% - 40px);}
#section4_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 : section4_brand--------------*/
@media screen and (max-width:680px){
	.brand_box01 .brand_tit p br{display:none;}
}
@media screen and (max-width:640px){
	#section4_brand .inner_video{height:330px;}
	.brand_box01 .brand_tit p{margin-bottom:10px; margin-top:15px; font-size:16px;}
}
@media screen and (max-width:580px){
	#section4_brand .inner_video{height:300px;}
	.brand_box01 .brand_tit h2{font-size:calc(3vw + 3px);}
	.brand_box01 .brand_tit h2 b{font-size:calc(3vw + 20px);}
	.brand_box01 .brand_tit h3{font-size:calc(4vw + 10px);}

}
@media screen and (max-width:480px){
	#section4_brand .inner_video{height:240px;}
	.brand_box01 .brand_tit{margin-bottom:0;}
	.brand_box01 .brand_tit .btn{width:180px; height:45px; line-height:45px; font-size:16px;}
	.brand_box01 .img li{padding:5px;}

}
@media screen and (max-width:420px){
	#section4_brand .inner_video{height:205px;}
	.brand_box01 .brand_tit h2{font-size:calc(3vw + 4px);}
	.brand_box01 .brand_tit h2 b{font-size:calc(3vw + 17px);}
	.brand_box01 .brand_tit h3{font-size:calc(4vw + 8px);}
}

@media screen and (max-width:360px){
	#section4_brand .inner_video{height:175px;}
}


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

#section5_contact{background:url("/kic/mobile/image/main/m_contact_bg.jpg")repeat-y;}
.contact_box01 > div{padding:95px 0;}
.contact_box01 .icon_box{display:flex; flex-wrap: wrap; align-items:center; justify-content:center; text-align:center}
.contact_box01 .icon_box li{padding:0 10px; flex:1 1 20%;}
.contact_box01 .icon_box li:last-child{padding-bottom:0;}
.contact_box01 .icon_box li p b{display:block; font-size:18px; color:#111; font-weight:500; margin-top:10px}
.contact_box01 .icon_box li p img{position:relative; left:15px; width:80px;}

/*--------------responsible : section5_contact--------------*/
@media screen and (max-width:580px){
.contact_box01 > div{padding:60px 0;}
.contact_box01 .icon_box li{padding:10px; flex:1 1 30%;}
}
@media screen and (max-width:480px){
.contact_box01 > div{padding:35px 0;}
.contact_box01 .icon_box li p b{font-size:16px;}
.contact_box01 .icon_box li p img{width:70px;}
}
@media screen and (max-width:420px){
.contact_box01 .icon_box li{padding:10px; flex:1 1 50%;}
}


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

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;}
}